首页 > 代码库 > JavaScript基础20——element对象
JavaScript基础20——element对象
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>element对象</title> 6 <script type="text/javascript"> 7 // element对象 8 /* 9 获取属性：getAttribute(name)10 设置属性：setAttribute(name, value)11 删除属性：removeAttribute(name)12 */13 </script>14 </head>15 <body>16 <!-- <input type="text" id="textId" value="http://www.mamicode.com/textContent" /> -->17 <ul>18 <li>aaa</li>19 <li>bbb</li>20 <li>ccc</li>21 </ul>22 <script type="text/javascript">23 // 获取input标签24 // var input = document.getElementById("textId");25 // 获取value值26 // document.write(input.getAttribute("value"));27 // 获取id值，使用方法获取class值可以避免关键字冲突28 // document.write(input.getAttribute("id"));29 // 设置value属性值30 // input.setAttribute("value", "NewContent");31 // 删除id属性，不能删除value属性32 // document.write("<br />原始值：" + input.id);33 // input.removeAttribute("id");34 // document.write("<br />删除后：" + input.id);35 var ul = document.getElementsByTagName("ul")[0];36 // childNodes属性的浏览器兼容性很差，所以使用getElementsByTagName()方法37 var lis = ul.getElementsByTagName("li");38 document.write(lis.length);39 </script>40 </body>41 </html>
JavaScript基础20——element对象
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。