如何檢查javascript中的html？

-1

我是新來的Javascript，我試圖寫一些簡單的代碼，刷新頁面，從頁面中的HTML讀取，並遵循鏈接或不基於HTML中的文本。如何檢查javascript中的html？

我知道如何將頁面設置爲一個地址，我知道什麼在我正在尋找的HTML（一個特殊的div類），但我似乎無法找到如何實際帶來的HTML信息進入要檢查的程序。

有誰知道我應該使用什麼命令？

來源

2017-06-30 Maria Tomlinson

到目前爲止您嘗試過什麼？你的代碼是什麼樣的？ – skreborn

不是該網站的粉絲，但它涵蓋了它https://www.w3schools.com/js/js_htmldom_elements.asp – Liam

使用[Firebug]（http://getfirebug.com/whatisfirebug）進行檢查和調試。它有非常好的功能。 –

如果您的文字是輸入字段的值，可以使用下面的代碼來獲取輸入字段的值：

document.getElementById('idOfYourHTMLElement').value

的演示中看到this Fiddle。

如果您的文本是<span>和</span>（或任何打開+關閉標籤對）之間，你可以使用下面的代碼來獲取文本的值：

document.getElementById('idOfYourHTMLElement').innerHTML

的演示中看到this Fiddle 。

您可以使用例如。 document.querySelector或document.getElementsByClassName用於獲取您需要的元素，但如果您想要針對特定元素執行某些操作並結合document.getElementById，那麼總是使用（唯一）ID會使性能變得更容易和更好。

無論如何，你可能想要在the basics of DOM manipulation in JavaScript上做一些閱讀。

來源

2017-06-30 10:51:05

您可以使用document.querySelector來選擇頁面上的任何元素。由於您正在尋找具有特定課程的div，因此您可以使用document.getElementsByClassName。

我會建議，而不是尋找元素id與document.getElementById。原因是因爲HTML中的類可以用於多個元素，並且通常用於確保一組元素具有相同的行爲和/或樣式。另一方面，id屬性僅用於頁面上的一個元素，從您的帖子看來，這似乎是更合適的用例。

在獲得了一些使用原始Javascript DOM操作的經驗之後，您可以看看jQuery。

來源

2017-06-30 10:52:51 glhrmv

太棒了！謝謝，這應該讓我得到我的代碼並運行:) –

這是2017年。你真的認爲鼓勵人們看看jQuery仍然是個好主意嗎？ –

jQuery完成DOM操作的工作非常好，如果一個頁面大多是靜態的，那麼向混合中添加一個花哨的視圖庫可能會引入不必要的抽象。 jQuery很容易理解，它只能作爲DOM和框架之間的墊腳石。 – glhrmv

如何檢查javascript中的html？

回答

相關問題