document.getElementById(“id”)。value的最佳用途是什么

时间:2014-01-31 08:30:19

标签: javascript

用于document.getElementById("id").value的DOM元素是什么?

我的意思是我可以将它与标题标签等元素一起使用

或者它与项目具有值属性[文本框]等

一起使用

有什么区别.innerHTML.value属性

2 个答案:

答案 0 :(得分:1)

  

什么DOM元素是document.getElementById(“id”)。用于的值?

您可以使用getElementById来获取对其上具有id属性的任何元素的引用。

  

有什么区别.innerHTML和.value属性

他们完全没有关系。 innerHTML是元素内容的HTML表示形式。 value是表单控件元素的值,如input

例如,假设我们有:

<div id="foo">Hey <strong>you</strong></div>

你可以这样做:

console.log(document.getElementById("foo").innerHTML);

...这可能会在控制台中给你这样的东西:

Hey <STRONG>you</STRONG>

请注意,这与文档中的内容并不完全相同;当您读取innerHTML的值时,浏览器会根据DOM中实际存在的内容创建一个字符串,并使用其创建该字符串的规则。

您也可以将其设置为更改内容。

相反,使用表单控件:

<input id="bar" type="text" value="Text field value">

console.log(document.getElementById("bar").value);

...它给你

Text field value

答案 1 :(得分:1)

设置value通常用于输入/表单元素。 innerHTML通常用于div,span,td和类似元素。

以下是显示ID.value使用情况的链接: http://www.javascript-coder.com/javascript-form/javascript-form-value.phtml

getElementById()方法访问具有指定标识的第一个元素。

是的,您可以将它与标题标签等元素一起使用