文章/答案/技术大牛

发布

社区首页 >问答首页 >IE11表单模板，innerHTML & outerHTML问题

问IE11表单模板，innerHTML & outerHTML问题
EN

Stack Overflow用户

提问于 2017-12-28 09:09:21

回答 1查看 188关注 0票数 0

我做了一个很大的表格，我需要一些模板才能开始工作。就像这样

因此，我希望在我的id="sponsor_template"，代码中有一个HTML，读取它并将它添加到按钮中。这是我的js代码

var sponsorBTN = document.querySelector('[name="sponsors_add"]');
if (sponsorBTN !== null) {
    sponsorBTN.addEventListener('click', function () {
        var s_template = document.querySelector('[id="sponsor_template"]');
        sponsorBTN.insertAdjacentHTML('beforeBegin', s_template.outerHTML.replace('id="sponsor_template"', 'name="sponsor"')
                                                               .replace('display:none', ''))
    })
}

除了IE之外，它在任何浏览器上都能很好地工作。

我所知道的唯一问题可能是innerHTML / outerHTML，因为我在IE中使用console.log时输出是不完整的。所以它在HTML的第7‘行之后就被切断了。

下面是这个问题的JSFiddle：https://jsfiddle.net/tdxkiller/b5m0t7xm/

javascript

html

internet-explorer-11

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-12-28 18:54:29

这句话是你的问题：

s_template.outerHTML.replace('id="sponsor_template"', 'name="sponsor"').replace('display:none', '')

我不知道为什么“display:none”有问题；我认为":“字符有一些问题。但是，我把它改为了下面的内容，它起了作用：

s_template.outerHTML.replace('id="sponsor_template"', 'name="sponsor"').replace('none', 'block')

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48004632

复制

相似问题

问IE11表单模板，innerHTML & outerHTML问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE11表单模板，innerHTML & outerHTML问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE11表单模板，innerHTML & outerHTML问题
EN