JavaScript中,document.getElementById().innerHTML 和docunment.getElementById().value有什么区别?

另外,getElementById().这样的叫做什么名字?点后面还能接哪些东西?都对应HTML中的什么内容?... 另外,getElementById().这样的叫做什么名字?点后面还能接哪些东西?都对应HTML中的什么内容? 展开
 我来答
windblast
推荐于2016-06-19 · 知道合伙人软件行家
windblast
知道合伙人软件行家
采纳数:5633 获赞数:13622
毕业于空军第一航空学院电子专业,1991年开始接触电脑,从事多年计算机编程,具有较丰富的经验。

向TA提问 私信TA
展开全部

innerHtml 这个属性会返回元素的内部 html 代码,而 value 属性返回的是元素的 Value 属性值。


不同的 HTML 元素,上面两种属性值可能都可以获取,也可能只能获取其中的一种。比如以下的 HTML 代码中:

<html>
<head>
<script type="text/javascript">
function getValueA()
{
var x=document.getElementById("myHeader");
alert(x.innerHTML);
alert(x.value);
}
function getValueB()
{
var x=document.getElementById("btn11");
alert(x.innerHTML);
alert(x.value);
}
</script>
</head>
<body>

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

<input type="button" id="btn11" name="btn11" value="Click Me!" onclick="getValueB()"/>

</body>
</html>


h1 标签元素可以获取到 innerHtml 属性值为:

<p>这是标题</p>

而 value 属性值为 Undefined 未定义。



button 元素可以获取 value 属性值为:

Click Me!
追问
你说的内容我大致理解了。
.innerHTML获取标签包含的内容。
.value获取标签获取的值(这个文本框里边提交的值)
上面说的对吗?有什么要补充的吗?

另外:
getElementById().这样的叫做什么名字?
点后面还能接哪些东西?都对应HTML中的什么内容?
追答
1、.innerHTML获取标签包含的HTML格式内容,相对应还有个 .innerText 用于获取纯文本内容。

2、只要元素标签设置有 value 属性,就可以获取这个值。

3、getElementById 是 HTML DOM Document 对象的一个方法,类似的方法,该对象还有:

getElementsByName() 返回带有指定名称的对象集合。

getElementsByTagName() 返回带有指定标签名的对象集合。
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式