2016-09-22 40 views
0

我有一行html,需要根據屏幕大小動態更改。我有JavaScript將檢查屏幕大小,但我很難得到它來替換我所需要的HTML。我需要刪除鏈接標籤,只有文本和div的樣式。的第一行代碼是我,第二個是什麼,我需要它更改爲:Javascript replaceChild

var smsLink = document.getElementById("smsTextLink"); 
 
var smsTextNode = document.createTextNode('text us agents available 8am - 10pm CST 7 Days a Week'); 
 
smsTextLink.parentNode.replaceChild(smsTextNode, smsTextLink);
<a href="" id="smsTextLink">text us 
 
    <div style="color:#888888">agents available 8am - 10pm CST<br>7 Days a Week</div> 
 
</a> 
 
text us 
 
<div style="color:#888888">agents available 8am - 10pm CST<br>7 Days a Week</div>

+0

你想修改textContent嗎? – maioman

+0

爲什麼不顯示/隱藏divs? – mplungjan

+0

我需要只有文本,但我無法讓樣式工作,我想我需要結合textNodes和div節點創建一個節點,我可以使用基本上在大屏幕上用 – AWooster

回答

0

你引用

var smsLink = document.getElementById("smsLink"); 

但在你的HTML它是id="smsTextLink"

+0

對不起,複製錯誤的代碼行,我已更新到正確的行 – AWooster

+0

有人發佈了一個答案,說明我可以使用:smsTextLink.outerHTML = smsTextLink.innerHTML; – AWooster

相關問題