实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DOM访问节点</title> </head> <body> <script type="text/javascript"> //通过对元素的ID 访问,这是DOM一个基础的访问页面元素的方法,返回的是单个节点 document.getElementById('') //仅用于inputradio checkbox等元素,返回名子为name的元素数组返回的是节点列表 document.getElementsByName('') //返回具有tagname的元素列表数组,处理大的DOM结构会用到它返回的是节点列表 TagName:标签名 document.getElementsByTagName('') //返回具有ClassName的元素列表数组,处理大的DOM结构会用到它返回的是节点列表 document.getElementsByClassName('') innerHTML // 特别注意:innerHTML在JS是双向功能:获取对象的内容 或 向对象插入内容; // 如:<div id="aa">这是内容</div> ,我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容; // 也可以对某对象插入内容,如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容。 // getAttribute("如:找到iput value的值") //获取节点的值 setAttribute("需要被改的值","要改成的值") //设置节点的值 </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例