Javascript の基本チュートリアル: DOM と HTML
HTMLコンテンツを変更する
innerHTML
例を書いてみましょう。コードは次のとおりです:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div name="test" class="dv" id="dv">php 中文網(wǎng)</div>
<script type="text/javascript">
var div = document.getElementById("dv");
var test = div.innerHTML = "php.cn";
alert(test);
</script>
</body>
</html>上記のコードと同じで、最初に要素ノードをIDで取得します。そして値を変更します 変數(shù) test に値を代入し、
を出力して HTML 屬性を変更します。 コードは次のとおりです
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<img src="https://img.php.cn/upload/course/000/000/010/582eab68f0bdb633.jpg" name="image" id="image"
width="50" height="50">
<script type="text/javascript">
//注釋這段代碼，看一下，是一張圖，運(yùn)行之后，顯示的不是原圖，是另外一張圖
document.getElementById("image").src="https://img.php.cn/upload/course/000/000/010/582eab9aa05cd314.jpg";
</script>
</body>
</html>
