innerText和innerHTML區別簡單程式碼例項
本章節分享一段程式碼例項,它演示兩個屬性的區別。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> div{ width:200px; height:50px; background:#CCC; margin:5px; } </style> <script type="text/javascript"> window.onload=function(){ var topDiv=document.getElementById("top"); var bottomDiv=document.getElementById("bottom"); topDiv.innerText="<a href='#'>螞蟻部落</a>"; bottomDiv.innerHTML="<a href='#'>螞蟻部落</a>" } </script> </head> <body><div id="top"></div> <div id="bottom"></div> </body> </html>
上面的程式碼演示了兩者之間的區別。
innerText會把字串當做普通的文字,裡面有html標籤也不會解析,但是innerHTML會將html字串解析。
相關文章
- innerHTML 和 innerTEXT 區別HTML
- textContent,innerText、innerHTML和outerHTML區別HTML
- innerText和innerHTML的區別以及JS函式總結HTMLJS函式
- outerText和innerText屬性的區別例項介紹
- textarea中的innerHtml,innerText和valueHTML
- innerHTML,outerHTML,innerText,outerTextHTML
- js選項卡簡單程式碼例項JS
- innerText和textContent的區別
- innerText 和 textContent 的區別?
- js map集合簡單程式碼例項JS
- javascript閉包簡單程式碼例項JavaScript
- javascript作用域簡單例項程式碼JavaScript單例
- JSON簡單格式程式碼例項JSON
- JavaScript 動畫效果簡單例項程式碼JavaScript動畫單例
- javascript引用型別資料特點簡單程式碼例項JavaScript型別
- jQuery表單驗證簡單程式碼例項jQuery
- javascript求餘和除法運算簡單例項程式碼JavaScript單例
- jQuery實現的簡單投票簡單程式碼例項jQuery
- ”innerHTML“的應用例項HTML
- jQuery鏈式呼叫簡單例項程式碼jQuery單例
- prototype原型繼承簡單程式碼例項原型繼承
- jquery自定義事件簡單例項程式碼jQuery事件單例
- js簡單日曆效果程式碼例項JS
- js簡單的留言功能程式碼例項JS
- js簡單摺紙效果程式碼例項JS
- jQuery簡單調色器程式碼例項jQuery
- 淡入淡出效果簡單程式碼例項
- css簡單水平導航選單程式碼例項CSS
- 驗證手機號碼程式碼簡單程式碼例項
- IOS程式碼例項區iOS
- Angularjs製作簡單的路由功能簡單程式碼例項AngularJS路由
- javascript this用法和簡單例項JavaScript單例
- 響應式佈局簡單程式碼例項
- javascript 物件合併程式碼例項簡單分析JavaScript物件
- css 兄弟選擇器簡單程式碼例項CSS
- js prototype原型應用簡單例項程式碼JS原型單例
- js解析xml檔案簡單程式碼例項JSXML
- jquery簡單計算機功能程式碼例項jQuery計算機