您的足迹:首页 > web前端 >document.getElementById基本用法

document.getElementById基本用法

document.getElementById(" ") :得到的是一个对象,用 alert 显示得到的是“ object ”,而不是具体的值,它有 value 和 length 等属性,加上 .value 得到的才是具体的值!
是JavaScript中的语法,通过元素的ID特性来获取元素
例如有入下元素:
<input type="text" id="button1" value="Click Me"/>
那么当调用document.getElementById("button1").value的时候,返回的就是"Click Me"了

document.getElementById().innerHTML:设置或获取某一Id的节点里面所包含的HTML代码

例如1:document.getElementById("name").innerHTML=中国
就是往页面里,id为name的输入框内插入中国
例如2:
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
<body>

<h1 id="myHeader" onclick="getValue()">这是标题</h1>
<p>点击标题,会提示出它的值。</p>


</body>
</html>
查看结果:
这是标题

点击标题,会提示出它的值

相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)