使用没有 ID 和标签名称的 javascript 更改 DIV 文本
Change DIV text using javascript without Id and tagname
我有这个代码
<div class="points">
<span>your points:</span>
<div>29 P</div>
<div>0 EXP</div>
</div>
我的代码中有多个 DIV 标签,我想更改第二个div 的文本名称标签或 id 代码。实际上我想用我的代码替换此文本,我已经使用js一个简单的CSS注入器尝试过这个
function injectCSS(str) {
var node = document.createElement('style');
node.innerHTML = str;
document.body.appendChild(node);
}
injectCSS('div.points div:nth-child(2) { color: red } ');
injectCSS('div.points div:nth-child(2) { background: silver } ');
但这不会删除文本,而是让我添加新文本
我认为您已经接近使用您的函数,但这可以通过简单地使用 JS querySelector
来完成:
<div class="points">
<span>your points:</span>
<div>29 P</div>
<div>0 EXP</div>
</div>
和:
var str = "My String",
el = document.querySelector('div.points div:nth-child(2)');
el.innerHTML = str;
一旦你在变量中缓存了"HTML element",你就可以很容易地操作它的其他属性,如下所示:
el.style.color = "red";
附言。没有必要为此拉取jQuery。
var str = "My String",
el = document.querySelector('div.points div:nth-child(2)');
el.innerHTML = str;
el.style.color = "red";
<div class="points">
<span>your points:</span>
<div>29 P</div>
<div>0 EXP</div>
</div>
我找到了,这段代码有效
$("div.points div:nth-child(2)").text("new text here");
没有标签名称或混乱的代码,简单的一行代码这也需要JQUERY。
相关文章:
- Javascript更改图标
- 用Javascript更改我网站上的字体大小
- 在PHP中使用javascript更改页面标题'if'
- Windows形成web浏览器控件和Javascript更改的DOM
- 如何使用javascript更改google repatcha的大小
- 使用CSS/JavaScript更改剑道图工具提示文本颜色
- 如何用另一个Javascript更改Javascript函数值
- 使用HTML5播放器时使用Javascript更改Youtube视频
- 使用javascript更改表单元素的ID值
- 使用JavaScript更改JavaScript内容
- 如何修复:当javascript更改DOM时,iOS会删除CSS文件
- 如何使用JavaScript更改页面URL
- 使用Javascript更改Nested Span类
- 如何使用javascript更改网页的标题
- 通过Javascript更改PHP会话变量
- Javascript更改iframe上的scr
- 用于刷新的Javascript更改查询字符串
- 如何使用Javascript更改HTML元素的类
- 使用带有变量的javascript更改图像src
- 使用javascript更改链接内的ip