如何使用JavaScript來拉取html內容？

-1

我想使用javascript來拉取html代碼。我已經設置了這樣的HTML代碼;如何使用JavaScript來拉取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'} 
     ] 
    } 
    },

完整文件是動畫，grid.html這是可以在這裏......

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

我的總體目標是，他們被壓前將內容添加到箱子。

來源

2016-03-14 Alistairkb

你已經很接近，我認爲你正在尋找innerHTML屬性

看看這個JSfiddle

你只需要把.innerHTML你testingcode的變量結束

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

如果這不是你正在尋找的，請發佈你的代碼的jsFiddle。

來源

2016-03-14 14:59:37 Abdel

不要認爲將它添加到JSFiddle將幫助我向您展示它如何工作，因爲它依賴於服務器端，但在這裏你去。我嘗試了你的建議，然後我最終看到一個黑屏。我也在服務器上爲你做對比。 http://caringforyorkshire.co.uk/bower_components/neon-animation/demo/grid/index.html – Alistairkb

@Alistairkb所以你基本上想要改變塊的內容使用JavaScript？ – Abdel

對不起，我忘了添加jsfiddle ... https://jsfiddle.net/pngosw4b/ 但是，是的，那很exctrly我需要做什麼 – Alistairkb

如何使用JavaScript來拉取html內容？

回答

相關問題