Javascript 添加的属性值在视图源中不可见答案

【问题标题】：Javascript added attribute value not visible in view sourceJavascript 添加的属性值在视图源中不可见
【发布时间】：2023-03-04 13:07:02
【问题描述】：

Javascript

var1.attr('title',vartit);
$(var1).attr('datetime',vartim);

HTML

<time title="" datetime=""> </time>

我可以在相应的 html 属性中成功添加变量值，但它在视图源中不可见。

我找到了一些像 innerHtml 之类的答案，但它们都是针对时间或 div 而不是针对 html 标签属性的，如何才能做到这一点？？

提前致谢

【问题讨论】：

@Downvoter，想解释一下原因吗？
“查看源代码”工具仅显示最初构建页面时的源代码。然而，浏览器调试器工具通常会向您显示当前状态的元素。
您检查过vartit 和vartim 变量的值是否正确？
@stacky .can you post the working level.above code is not clear to understand your questions
为什么要在“查看源代码”中显示更改？

【解决方案1】：

我不知道你分享的 sn-p 的整个上下文。但是在这里你可以找到一个工作的demo

JavaScript 部分只是：

$(_ => {
 $('h1').attr('datetime', '27-03-2017');
});

然后直接看控制台就可以看到属性了。

【讨论】：

【解决方案2】：

如果您想使用 jquery 选择器或“时间”标签，它应该类似于 $('time').attr("yourattr",value)。试试这个，让我知道这是否有效

【讨论】：