用js替换网页元素内容

JavaScript020

用js替换网页元素内容,第1张

原生JS写法(需要IE8以上)

var a = document.querySelectorAll('.usrTx-login .login0201')[0]

a.innerHTML = '登~录~'  //替换为你的字

jQuery写法(支持所有浏览器，需要先引入jQuery库)

$('.usrTx-login .login0201').html('登~录~')  //替换为你的字

加上链接：

var kw = "你好|地址1|||你好3|地址2|||你好2|地址3|||你不好|地址4|||你太好|地址5"

var kwn = kw.split('|||')

for(var i=0i<kwn.lengthi++){

var aa = kwn[i].split('|')

document.write("关键字:"+aa[0]+" URL:"+aa[1]+"<br />")

document.write("<a href=\"aa[1]\">"+aa[0]+"</a><br />")

}

IE8下表示可以正常运行！！

js操作节点的DOM方法

一、创建节点

createElement

createTextNode

二、添加、删除、替换、克隆元素

1、appendChild

2、insertBefore

3、如果appendChild、insertBefore追加的是已经存在的子元素，实际上就会将子元素位置移动

4、删除节点removeremoveChild

remove()

removeChild

5.替换节点

replaceChild

6、克隆节点

cloneNode()

三、操作元素属性的方法

1.获取属性 元素.属性名

2.设置属性 元素.属性名 = 属性值

1、2方法只能获取和设置元素自带的属性

3.操作属性的万能方法

getAttribute()

setAttribute()