开平设计网站,互联网下的网络营销,加工平台app,秦皇岛黄金海岸收费吗js获取元素的方法 可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素#xff0c;获取到的是一个html对象#xff0c;然后将它赋值给一个变量 scripttypetext/javascript var oDiv document.getElementById(div1); ale…js获取元素的方法 可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素获取到的是一个html对象然后将它赋值给一个变量 scripttypetext/javascript var oDiv document.getElementById(div1); alert(oDiv) 弹出对话框 /script div iddiv1这是一个div元素/div
但是注意:如果把上面一段代码放到 head/head中就会报错 解决方法:电脑加载 scripttypetext/javascript 1.window.onload function(){ 2.var oDiv document.getElementById(div1); } /script div iddiv1这是一个div元素/div js操作元素的属性 获取的页面元素就可以对页面元素的属性进行操作属性的操作包括属性的读和写。 操作属性的方法
1、“.” 操作 2、“[ ]”操作 属性写法
1、html的属性和js里面属性写法一样 2、“class” 属性写成 “className” 3、“style” 属性里面的属性有横杠的改成驼峰式比如“font-size”改成”style.fontSize” 通过点.获取属性 scripttypetext/javascript
1.加载window.onload function(){ 2.获取var oInput document.getElementById(input1); 2.获取var oA document.getElementById(link1); 3.// 读取属性值 var sValue oInput.value; var sType oInput.type; var sName oInput.name; var sLinks oA.href; 4.// 写(设置)属性 oA.style.color red; oA.style.fontSize sValue; } /script inputtypetext namesetsize idinput1value20px a href idlink1百度/a 通过[ ]获取 scripttypetext/javascript
1.加载window.οnlοad function(){ 2.获取var oInput1 document.getElementById(input1); 2.获取var oInput2 document.getElementById(input2); 2.获取var oA document.getElementById(link1); 3.// 读取属性 var sVal1 oInput1.value; var sVal2 oInput2.value; 4.// 写(设置)属性 // oA.style.val1 val2; 没反应 oA.style[sVal1] sVal2; } /script inputtypetext namesetattr idinput1valuefontSize input typetext namesetnum idinput2value30px a href idlink1百度/a 通过获取的标签的innerHtml属性读写标签包裹的内容
读取 oDiv.innerHtml 写入 oDiv.innerHTML 新内容