当前位置：代码迷 >> 综合 >> JS基础—innerHTML

详细解决方案

JS基础—innerHTML

热度：82 发布时间：2023-12-09 09:00:46.0

js

[html] view plain copy

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js基础——innerHTML</title>
<script>
window.onload = function(){
var oText = document.getElementById('text');
var oBtn = document.getElementById('btn');
var oP = document.getElementById('p');
oBtn.onclick = function(){
//alert(oP.innerHTML);
oP.innerHTML = oText.value;
};
};
</script>
</head>
<body>
<input id="text" type="text">
<input id="btn" type="button" value="按钮">
<p id="p">这是一个段落</p>
</body>
</html>

用法：
oP.innerHTML => 读取p里面所有的html代码
oP.innerHTML = 123; => 替换p里面所有的html代码

相关解决方案