正常输出文本
<!DOCTYPE html>
<html >
<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
![主流浏览器四大综合性能测试[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)