innerHTML中的html
innerHTML中的html
提问于 2017-04-14 14:49:18
<a href="#1" class="current">1</a>
<div id="xyz"></div>JavaScript
function updateHash() {
var number = document.querySelectorAll('.current')[0].innerHTML;
document.querySelector('#xyz').innerHTML = '<a>'+ number + '</a>';
}
updateHash(); 很明显，这是可行的。
然而，我需要<a>成为<a href="#>
所以当我这么做的时候
document.querySelector('#xyz').innerHTML = '<a href="#'+ number + '"</a>';但失败了。
我不知道是否可以通过转义字符来解决这个问题；当我试图逃跑时，它没有起作用。
在这种情况下，也许没有一种方法可以转义角色。
任何帮助都将不胜感激。
更新
我就这样解决了。
function updateHash() {
var number = document.querySelectorAll('.current')[0].innerHTML;
var tag = '<a href=#'
document.querySelector('#xyz').innerHTML = tag + number + '>next</a>';
}
updateHash(); 实际上，我和以前做的一样。但正如所指出的，我没有看到任何输出，因为我的href是空的。LOL
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-04-14 14:54:38
- 您不能关闭
a标记<a></a> - 而且，
innerHTML的a标记是空的，.so是不可见的，但是在您的body中。
您的错误 .kindly检查outerHTML
function updateHash(){
var number = document.querySelectorAll('.current')[0].innerHTML;
document.querySelector('#xyz').innerHTML = '<a href="#'+ number + '"</a>';
console.log(document.querySelector('#xyz').outerHTML)
}
updateHash();<a href="#1" class="current">1</a>
<div id="xyz"></div>
解决了
function updateHash(){
var number = document.querySelectorAll('.current')[0].innerHTML;
document.querySelector('#xyz').innerHTML = '<a href="#'+ number + '">innerhtml is empty</a>';
console.log(document.querySelector('#xyz').outerHTML)
}
updateHash();<a href="#1" class="current">1</a>
<div id="xyz"></div>
Stack Overflow用户
发布于 2017-04-14 15:01:56
在jQuery路径上，您可以始终调用parent()来获取parent()(假设父级中没有其他兄弟姐妹)：
$('#xyz').html( $('.current').parent().html() )页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43413905
复制相关文章
相似问题
腾讯云开发者
