正常输出文本
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>hello world!</p>
<p>hello world!</p>
<p>hello world!</p>
</body>
<html>
输出结果为
hello world!
hello world!
hello world!
使用JavaScript更改元素内容
<script>
//定义一个P变量
var paragraphs = document.getElementsByTagName('p');
//定义循环
for(var i=1; i<=paragraphs.length;i++){
var paragraph = paragraphs.item(i);
paragraph.innerHTML="123";
}
</script>
输出结果为:
hello world!
123
123
使用D3更改元素呢内容
记得引入d3.js
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
d3.select("body").selectAll("p").text("123");
</script>
该代码选中了body中所有的p标签
输出结果:
123
123
123