javascript把值放入div中的方法:1、利用innerTexts屬性,語法「div物件.innerText="指定值";」;2、利用innerHTML屬性,語法「div物件.innerHTML="指定值";」。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
javascript把指定值放入div中
#方法1:利用innerTexts屬性
innerText屬性可以設定或取得標籤(及其子標籤)中的所有文本,不會取得標籤(或說可以過濾掉所有的標籤)。如果有多個空格或是換行,解析為一個空格。
如果想要清空標籤的內容,innerText = ""
;即可
如果想要設定標籤中的內容,innerText = "填寫想要設定的標籤和內容"
;設定內容時,會把原有的內容全部覆蓋。但是標籤不會被解析,會直接以文字的形式列印在頁面中。
實作程式碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> div{ height: 50px; border: 1px solid red; } </style> </head> <body> <div id="demo"></div><br> <input type="button" onclick="addtext()" value="点击按钮,向div中添加内容" /> <script type="text/javascript"> function addtext() { var div=document.getElementById("demo"); div.innerText="hello"; } </script> </body> </html>
效果圖:
#方法2:利用innerHTML屬性
此方法可取得標籤中的所有的內容,包括標籤、空格、文字、換行等。
想要清空標籤的內容,innerHTML = "";即可
如果想要設定標籤中的內容,innerHTML = "填寫想要設定的標籤和內容";設定內容時,會把原有的內容全部覆蓋。
實作程式碼:
function addtext() { var div=document.getElementById("demo"); div.innerHTML="欢迎来到PHP中文网!"; }
效果圖:
【推薦學習:javascript進階教學 】
以上是javascript怎麼把指定值放入div中的詳細內容。更多資訊請關注PHP中文網其他相關文章!

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

WebStorm Mac版
好用的JavaScript開發工具

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

Dreamweaver CS6
視覺化網頁開發工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!