javascript - 如何更改 HTML 标签跨度中的文本?
问题描述
//I am trying change text after click on it in web page
text = document.querySelector(".text");
text.addEventListener("click", changeText=()=> {
text = document.textContent = "NewText";
});
但它不起作用。为什么?我尝试使用innerHTML?但它还没有工作......
解决方案
您必须设置text.textContent
而不是document.textContent
新值。
text = document.querySelector(".text");
text.addEventListener("click", function() {
text.textContent = "NewText";
});
<span class="text">Text</span>
推荐阅读
- typescript - 变量未定义,但为什么呢?
- reactjs - 带有 React 的 Ionic popover - 如何使其粘在按钮上
- swift - SwiftUI:如何在 UIViewRepresentable UITextField 上调用 becomeFirstResponder 时修复“通过属性检测到的 AttributeGraph 循环”
- node.js - 如何在不为每个页面定义新规则的情况下使 ProxyPass 适用于所有页面
- sql - 如何使用 varchar 字段和 int 自增字段设置复合主键?
- python - 将多个文件作为单个模块导入?
- javascript - 只推送一次数组,而不是每次满足条件时推送到数组
- regex - 为什么某些 Unicode 组合标记(如 \u0BCD)与 Ruby 中的 [:alpha:] 不匹配?
- javascript - 如何使用具有可变消息大小的 CryptoJS CTR 模式(随机数计数器和偏移量)
- angular - 使用 ngfor 和 ngif 制作网格