纯JS环境下，能否用setAttribute设置超链接的text或innerText？

嘿，针对你的需求和遇到的问题，我来梳理下核心点：

首先得明确一个关键区别：setAttribute 根本没法直接设置元素的文本内容。原因很简单：

• setAttribute 是用来操作HTML标签上的标准属性的（比如<a>的href、class这些写在标签里的属性）；
• 而<a>这里的文本</a>里的内容，对应的是DOM元素的对象属性（比如textContent、innerText），这不属于HTML属性的范畴，所以用setAttribute去操作text或者innerText自然完全无效。

你之前试的one.text = "Hello world"能生效，其实是部分浏览器（比如Chrome）做了扩展，允许用text这个快捷属性设置文本，但这不是标准用法，更稳妥的还是用textContent（兼容性更好）。

那如果场景限制必须用setAttribute，有没有间接实现的办法？ #

其实可以用自定义数据属性当中间载体，步骤如下：

1. 先用setAttribute给元素加个自定义的data-text属性，把文本值存进去；
2. 再读取这个属性的值，赋值给元素的textContent（或者innerText）。

给你写个示例代码，贴合你的JSON场景：

// 模拟你的JSON数据
const elementConfig = { 'href': '#03', 'text': 'link', 'myUniqueTag' : 'a' };

// 创建对应的元素
const newLink = document.createElement(elementConfig.myUniqueTag);

// 用setAttribute设置href和自定义文本属性
newLink.setAttribute('href', elementConfig.href);
newLink.setAttribute('data-text', elementConfig.text);

// 读取自定义属性，设置实际显示的文本
newLink.textContent = newLink.getAttribute('data-text');

// 把元素加到页面里
document.body.appendChild(newLink);

不过得老实说：这本质上还是依赖了textContent来设置文本，setAttribute只是当个数据中转的工具——毕竟确实没有标准的HTML属性能直接控制元素的显示文本，所以没办法完全绕开DOM对象属性来实现这个需求。

再补个小知识点 #

你之前试的setAttribute("text", "Hello world")，其实会给<a>标签加个非标准的text属性，最终标签会变成<a href="#03" text="Hello world">，但浏览器只会把它当成一个自定义属性，根本不会把这个值渲染成元素的文本内容，所以看起来完全没效果。

内容的提问来源于stack exchange，提问作者MyDaftQuestions