Javascript Innerhtml-奇怪的风格

我有一个拉伸部分，其中有多个部分。这些部分在我的CSS中对齐为“对齐”。在普通的HTML代码中，这很好用。像这样：

我想用js innerhtml创建这个菜单。这是因为

我找到了一些东西：

<section id=menu>
    <script>
        loadMenu();
    </script>

    <noscript>
        //Working html code, as showed on example 1
    </noscript>
</section>

loadMenu（）；
//工作html代码，如示例1所示

Javascript:

function loadMenu(){
    document.getElementById('menu').innerHTML=""
            +"<a href='javascript:about()'><section class='linkNav'>Over NKika</section></a>"
            +"<a href='javascript:donate()'><section class='linkNav'>Doneren</section></a>"
            +"<a href='#'><section class='linkNav'>Inschrijven</section></a>"
            +"<a href='#'><section class='linkNav'>Fotos</section></a>"
            +"<a href='#'><section class='linkNav'>Links</section></a>"
            +"<section id='stretch'></section>";
}

函数加载菜单（）{
document.getElementById（'menu'）。innerHTML=“”
+""
+""
+""
+""
+""
+"";
}

这将返回与示例1相同的html代码。但是，样式不同：
. 伸展运动或类似的运动出了问题

这个问题与CSS无关，因为在示例1中，一切都很好

Chrome和Firefox的开发者工具中的代码看起来完全相同

我已经为此工作了几个小时，并且尝试了很多次，但我不知道如何解决这个问题。谢谢您的帮助。

这个怎么样：

<script>
var onclicks=document.querySelectorAll('a[onclick]');
for (index in onclicks)
{
onclicks[index].href='#';
}
</script>

var onclicks=document.querySelectorAll（'a[onclick]'）；
for（索引为onclicks）
{
onclicks[index].href='#'；
}

---

我们选择具有定义的

onclick

事件的每个锚，然后将其

href

属性设置为

#

。因此，如果浏览器有JS，这将触发并删除

href

s。如果没有JS，那么这当然不会触发，并且原始的

href

s将保持不变。

您是否能够在JavaScript innerHTML中发布您不使用的HTML内容？完全猜测一下，链接是否应该在

中，而不是在它之前？我试过了，但对我不起作用。无论如何谢谢你

<script>
var onclicks=document.querySelectorAll('a[onclick]');
for (index in onclicks)
{
onclicks[index].href='#';
}
</script>