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

发布于 2025-01-04 20:50:39 字数 147 浏览 1 评论 0原文

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

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

我该怎么做，没有jquery请

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

提前致谢

原文

I want to set value of a tag with document model

I need to set changeme value to something

How can i do that no jquery please

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

Thanks in advance

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

流心雨 2025-01-11 20:50:39

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

You will need first to get a reference to the DOM element. There are numerous ways of doing this (the easiest is probably getElementById, so use that if you can give your link an id). If not, you could use getElementsByTagName:

var element = document.getElementsByTagName("a")[0]; //Get the first `a` element

Once you have a reference to the element, you can change the text using the textContent property. Unfortunately, it's not quite that simple, because IE uses innerText rather than textContent:

if("textContent" in element) { //Check whether element has textContent property
    element.textContent = "Something new";
}
else {
    element.innerText = "Something new";
}

回复收藏 0 原文

~没有更多了~