Javascript中变量字符串的setAttribute

我想在下面的每一个var中添加一个链接字符串，在我的HTML中我唯一拥有的就是一个带有ID集的简单div

var home=“home”；
var news=“news”；
var contact=“contact”；
var about=“about”；
document.getElementById（“myTopnav”）.innerHTML=home+“”+news+“”+contact+“”+about
您可以将元素包装在html标记中，如
'+。。。
看起来您才刚刚开始，所以我建议以可维护的方式开始。在列表中定义菜单项，而不是单个变量，然后单步执行并附加一个
a
标记。像这样：


var menuItems=[{
姓名：“家”，
链接：“/home”
},
{
名称：“新闻”，
链接：“/新闻”
},
{
姓名：“联系人”，
链接：“/联系人”
},
{
姓名：“关于”，
链接：“/关于”
}]
var menu=document.getElementById（“myTopnav”）
对于（变量i=0；i

#myTopnav a{
左边距：10px
}

变量链接=[
[Home'，'/']，
['News'，'/News/']，
['Contact'，'/Contact/']，
['About'，'/About/']
];
函数makeNav（链接）{
var nav=document.getElementById（'myTopnav'）；
对于（变量i=0；i
你所说的“链接字符串和我的HTML”是什么意思？一个链接标签？我希望每个变量都有一个指向页面的链接，就像一个菜单一样。你发布的链接似乎没有出现在他的@msanford上。他想用香草js而不是JQUERI来做这件事我想用纯javascript而不是JQUERY你的帖子标题“javascript中的setAttribute to var string”让人难以理解。这太棒了。你说得对，我刚开始：）我不想把它列为一个清单。我想在StrateBarok一号上正常。现在编辑到平面列表很棒很好
document.getElementById('myTopnav').innerHTML = '<a href="#">' + home + '</a>' + ...

<div class="topnav" id="myTopnav"></div>

<script>
var links = [
  ['Home', '/'],
  ['News', '/news/'],
  ['Contact', '/contact/'],
  ['About', '/about/']
];

function makeNav( links ) {
  var nav = document.getElementById('myTopnav');
  for ( var i = 0; i < links.length; i++ ) {
    nav.innerHTML += '<a href="' + links[i][1] + '">' + links[i][0] + '</a>';
  }
  return nav;
}

makeNav( links );
</script>