正常輸出文本
<!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=)