需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml。
2、在indexhtml中的<script>标签，输入js代码：
var a = ['test" hello','world 123"hello'];
for (var i = 0; i < alength; i++) {
a[i] = a[i]replace('"', '');
}
$('body')append(a[0] + '<br/>');
$('body')append(a[1] + '<br/>');
3、浏览器运行indexhtml页面，此时会发现数组子对象的双引号都被去除了。
documentgetelementbytagname("a")style="color:#ffffff;background-color:#ffffff;"以上代码就是把a元素的样式（color为字体颜色，background-color为背景颜色）都设置为白色，如果底色为其他颜色设置为你所使用的底色就达到了去除颜色的效果。当然也可以这样：
documentgetelementbytagname("a")style="opacity:0;";这样就是将a元素设置为透明，那也达到了所谓的去除所有颜色。我试图从对象中删除几个元素，但我得到错误，此对象是里面的 ng-repeat 。 错误︰ 不允许重复直放站的。使用 '跟踪' 表达式来指定唯一的密钥。直放站 ︰ 子元素在 parentbeneficiaries<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="div1">
<p>1</p>
<p>2</p>
<p>3</p>
<a>444</a>
</div>
<script type="text/javascript">
Arrayfrom(documentgetElementById("div1")children)forEach(function(item){
itemstylebackground = "#ff0000";
})
</script>
</body>
</html>
这是因为getElementById再结合children属性获取的是DOM元素，而querySelectorAll获取的则是NodeList对象元素。前者会随页面DOM结构的变化而变化，比如删除了box中的一个div，这个div就会从children中被“真实地”删掉，childrenlength的计数也会减1。而后者如果删除其中的某个子元素，被删的元素并不会消失，而是变成一个空对象，children1length的计数也不会改变，这样的话 for(var i=0;i<children1length;) 这个循环由于i的值不变（总是等于0），而children1length也不会减少（总是4），这样就变成死循环了（同时也意味着把一个已删除的元素不断重复删除）。
改成这样就没问题了：
for(var i=0;i<children1length;i++){
boxremoveChild(children1[i]);
}
js *** 作节点的DOM方法一、创建节点
createElement
createTextNode
二、添加、删除、替换、克隆元素
1、appendChild
2、insertBefore
3、如果appendChild、insertBefore追加的是已经存在的子元素，实际上就会将子元素位置移动
4、删除节点remove removeChild
remove()
removeChild
5替换节点
replaceChild
6、克隆节点
cloneNode()
三、 *** 作元素属性的方法
1获取属性 元素属性名
2设置属性 元素属性名 = 属性值
1、2方法只能获取和设置元素自带的属性
3 *** 作属性的万能方法
getAttribute()
setAttribute()
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）