简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

將HTML格式的String轉換為HTMLElement的實作方法_javascript技巧

WBOY
發布： 2016-05-16 16:40:02
原創
2155 人瀏覽過

程式碼如下：

<meta charset="UTF-8"> 
<title>Insert title here</title> 
</head> 
<body> 
<div id="content"></div> 
<script> 
var el = document.createElement("div"); 
el.innerHTML = ' <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>titleValue</title> <meta name="description" content="It is a good way to learn science." /> <meta name="keywords" content="Symfony2,Redis,PHP" /> <meta name="author" content="CSDN.NET" /> <meta name="Copyright" content="CSDN.NET" /> </head> <body> hello</body> </html>'; 
var descElements = el.getElementsByTagName("head"); 
document.getElementById("content").innerHTML = descElements.length; 
</script> 
</body> 
</html>
登入後複製

1、若將script放到head元素中，則載入腳本時，尚未載入div元素，此時會出現「document.getElementById(...) 為空或不是物件」。
2、以上程式碼在chrome中正常支行，輸出結果為5，但在IE中輸出結果為0.
3.注意在js中定義資料不需要使用[],否則會出錯。

相關標籤：
html格式 string
來源：php.cn
上一篇：window.location.href的用法(動態輸出跳轉)_基礎知識 下一篇：javascript中解析四則運算表達式的演算法與範例_javascript技巧
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
Vue 開發工具中元件旁邊的效能數字是多少？ 有人對Vue開發工具中的某個功能有見解或資源嗎？在元件窗格上，它顯示了我的元件，然後是這些紅色和黃 色的小方塊，以及我假設的元件的效能。當我第一次載入應用程式時，它們不會出現，但例...
來自於 2023-11-09 14:46:48
0
1
305
千位分隔符號 PHP 我從資料庫中提取了這個$number=100000.5;。我需要的是將格式設定為100.000,5str_replace+number_format我猜到了。我的替換工作完美，ec...
來自於 2023-11-07 12:00:02
0
1
207
將標題重寫為：Vue 3：將內容傳送到元素並進行替換 我正在使用Vue3的teleport將元素渲染到一個div中，它按預期工作。 Teleport會將項目新增至所選元素中，但不會取代div中的目前元素。我該如何設定teleport以...
來自於 2023-11-06 11:01:38
0
1
451
在 PHP 中使用 ImageMagick 將 .HEIC 轉換為 .JPG 我希望嘗試建立一個小型影像轉換器，將上傳到phpWeb文件的HEIC檔案轉換為.JPG（或任何其他通用檔案格式）。我正在unix伺服器上運行PHP，並在伺服器上安裝了ImageMa...
來自於 2023-11-02 17:38:57
0
1
264
Vue.js 3 v-for 導致 Tailwind/Flowbite 模態功能出現問題 我試圖從表中呼叫順風模式，其中行是透過vue.js中的for循環使用v-for產生的，但該模式無法呼叫。不過，我生成的表沒有for循環，它工作得很好。這是程式碼：表格程式碼（有v-...
來自於 2023-11-02 13:36:09
0
1
300
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！