js操作element对象（标签）

最新推荐文章于 2022-01-12 17:41:31 发布

weixin_33973609

最新推荐文章于 2022-01-12 17:41:31 发布

阅读量784

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/2524145/blog/637074

版权

2019独角兽企业重金招聘Python工程师标准>>>

1、js操作element对象

<input type="text" name="uNamesss" id="id1" value="abc"/>
<ul id="ul2">
 <li>uk</li>
 <li>usa</li>
</ul>

<script type="text/javascript">
 //获取到ul下面的子元素
 var ul2 = document.getElementById("ul2");
 var arr = ul2.childNodes;
 alert("length1:  "+arr.length);// 2
 var arr1 = ul2.getElementsByTagName("li");
 alert("length2: "+arr1.length); //2
 //获取到input
 var inputs = document.getElementById("id1");
 alert(inputs.value); //abc
 alert(inputs.getAttribute("name"));//uNamesss
 //setAttribute
 alert(inputs.getAttribute("class")); //null
 inputs.setAttribute("class","haha");
 alert(inputs.getAttribute("class"));//haha
 //removeAttribute
 alert(inputs.getAttribute("name"));//uNamesss
 inputs.removeAttribute("name");
 alert(inputs.getAttribute("name"));//显示空串
 //注意通过removeAttribute，不能删除value
 alert(inputs.getAttribute("value"));//abc
 inputs.removeAttribute("value");
 alert(inputs.getAttribute("value"));//abc
</script>

转载于:https://my.oschina.net/u/2524145/blog/637074