Fatal编程技术网
  • javascript/
  • Javascript 使用dom模型获取和设置html标记的值

Javascript 使用dom模型获取和设置html标记的值

javascript html dom

Javascript 使用dom模型获取和设置html标记的值,javascript,html,dom,href,getelementbyid,Javascript,Html,Dom,Href,Getelementbyid,我想用文档模型设置标记的值 我需要将changeme值设置为某个值 我怎样才能做到呢 <a href="">changeme</a> 提前感谢首先需要获取对DOM元素的引用。有很多方法可以做到这一点（最简单的方法可能是getElementById，因此如果可以为链接提供id，请使用该方法）。如果没有，您可以使用getElementsByTagName： var element = document.getElementsByTagName("a")[0]; //Ge

我想用文档模型设置标记的值

我需要将changeme值设置为某个值

我怎样才能做到呢

<a href="">changeme</a>
提前感谢

首先需要获取对DOM元素的引用。有很多方法可以做到这一点（最简单的方法可能是
getElementById
，因此如果可以为链接提供
id
，请使用该方法）。如果没有，您可以使用
getElementsByTagName
：

var element = document.getElementsByTagName("a")[0]; //Get the first `a` element
一旦有了对元素的引用，就可以使用
textContent
属性更改文本。不幸的是，这并不是那么简单，因为IE使用
innerText
而不是
textContent
：

if("textContent" in element) { //Check whether element has textContent property
    element.textContent = "Something new";
}
else {
    element.innerText = "Something new";
}
如果添加这样的标识符：
，则可以编写
document.getElementById（'href1'）。innerHTML='changed'不幸的是，innerHTML与所有浏览器都不兼容。这也是我使用jQuery的另一个原因，在jQuery中，您可以指定（“#href1”）.text（“新文本”）或在本例中（“#href1”）.html（“新文本”）来设置文本文本，您可以使用
textContent
（所有现代主流浏览器）或
innerText
（旧IE版本）。设置文本的通用方法是
o.innerHTML=''；o、 appendChild（document.createTextNode（string））其中o是对element.Eh的引用。在元素中使用
'textContent'，而不是
元素。textContent
。空字符串也等于false。