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

【问题标题】：get and set values of a tag of html using dom model使用dom模型获取和设置html标签的值
【发布时间】：2012-03-03 20:55:40
【问题描述】：

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

我需要设置 changeme 值

没有jquery，我该怎么做

<a href="">changeme</a>

提前致谢

【问题讨论】：

如果添加这样的标识符：<a href="" id="href1">changeme</a>，可以写成document.getElementById('href1').innerHTML = 'changed';
很遗憾，innerHTML 并不兼容所有浏览器。这是我使用 jQuery 的另一个原因，您可以在其中指定 ('#href1').text('new text') 或在本例中指定 ('#href1').html('new text)
要设置文字文本，可以使用textContent（所有现代主流浏览器）或innerText（旧IE版本）。设置文本的通用方法是o.innerHTML='';o.appendChild(document.createTextNode(string));，其中 o 是对元素的引用。

标签： javascript html dom href getelementbyid

【解决方案1】：

您首先需要获取对 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";
}

【讨论】：

嗯。使用'textContent' in element 而不是element.textContent。空字符串也等于 false。