Question

我想用javascript来输入html代码。我已经像这样设置了html代码;

<html>
<div id="tesingCode">
    <h1>Title</h1>
    <p>testOfCodetestOfCodetestOfCodetestOfCode</p>
</div>
</html>

然后我创建了一个像这样的变量;

var testingTheCode = document.getElementById ("tesingCode");

并尝试将变量添加到Polymer项目中，如此;

Polymer({

is: 'animated-grid',

behaviors: [
  Polymer.NeonSharedElementAnimatableBehavior
],

properties: {

  config: {
    type: Array,
    value: function() {
      return [
        {value: 1, color: 'blue'},
        {value: 2, color: 'red'},
        {value: 3, color: 'blue'},
          {testingTheCode, color: 'green'},
        {value: 5, color: 'yellow'},
        {value: 6, color: 'blue'},
        {value: 7, color: 'red'},
        {value: 8, color: 'green'},
        {value: 9, color: 'yellow'},
        {value: 10, color: 'red'}
      ]
    }
  },

完整的文件是animated-grid.html，可在此处找到...

https://github.com/alistairkb/Coachella/blob/master/animated-grid.html

我的总体目标是在按下框之前添加内容。

Answer 1

你非常接近，我认为你正在寻找innerHTML属性

查看此JSfiddle

您只需要将.innerHTML放在testcode变量的末尾

var testingTheCode = document.getElementById ("tesingCode").innerHTML;

如果这不是您想要的，请发布您的代码的jsFiddle。

如何使用javascript拉入html内容？

1 个答案: