js如何替换html内的字符串

html-css09

js如何替换html内的字符串,第1张

document.getElementById("你想修改的标签的ID").innerHTML

这是换里面的HTML代码

document.getElementById("你想修改的标签的ID").text

可以换里面的text

document.getElementById("你想修改的标签的ID").value

可以换里面的值

id在同一个页面里是唯一的,不能在多个元素上用一样的id。

你目前的批量替换功能用遍历来做会比较好。

遍历所有的td,然后分别修改内容。

或者用jquery会更加简单,用jq的话,给td设置class,然后jq获取class然后修改内容

<!DOCTYPE html>

<html>

<head>

<title>替换内容</title>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>

<body>

<iframe src="test.html" id="myframe"></iframe>

<a href="#" onclick="replaceContent()">点击替换内容</a>

<script type="text/javascript">

content = '我把你的这部分理解成读取一段内容'

function replaceContent(){

document.getElementById('myframe').contentWindow.document.body.innerText = content

}

</script>

</body>