简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

在js中写html代码怎么写

藏色散人
Lepaskan： 2023-01-06 11:15:18
asal
11692 orang telah melayarinya

在js中写html代码的方法：首先使用div标签创建一块区域，给div标签添加一个id属性；然后在js中将一段html代码保存在html变量中；最后使用innerHTML属性，将html代码动态写入div标签内即可。

在js中写html代码怎么写

本文操作环境：Windows7系统、javascript1.8.5版，DELL G3电脑

新建一个html文件，命名为test.html，用于讲解如何用js动态写入html代码。

eb1a6ca36d69084ffd9cc17a39c7062.png

在test.html文件中，使用div标签创建一块区域，用于将html代码动态输出在div内。

25abdb25ec1d604d366b8201972fe64.png

在test.html文件中，给div标签添加一个id属性，用于下面获得div对象。

75bf159499b5f56fa6b5de3552e4adc.png

在js标签内，将一段html代码保存在html变量中。

bc40418ac67fcf25e8e15322bb23e80.png

在js标签内，再通过id获得div对象，使用innerHTML属性，将html代码动态写入div标签内。

df99e096b71ca121c8a8db461a65b45.png

在浏览器打开test.html文件，查看实现的效果。

501fce9d344b6a0e9508dedcdb0d261.png

推荐：《javascript高级教程》

Atas ialah kandungan terperinci 在js中写html代码怎么写. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
js
sumber：php.cn
Artikel sebelumnya：Angular CLI中的在线和离线安装 Artikel seterusnya：Node.js如何实现断点续传
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bolehkah kumpulan pekerja yang diisytiharkan dalam berbilang laluan masih mengekalkan penggunaan cpunya tanpa mengambil berat tentang ambang Saya berharap untuk mencari sistem node.js dengan kumpulan pekerja untuk mengendalikan tug...
daripada 2024-04-06 19:54:23
0
1
444
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
Tunjukkan panel sisi tersembunyi: ditandai Saya ingin mempunyai menu navigasi dalam panel sisi dengan keupayaan untuk beralih kepada ...
daripada 2024-04-06 15:49:33
0
1
319
Patutkah kita menggunakan SSG untuk menggunakan papan pemuka yang dibuat dengan Nuxt.js? Kami akan membangunkan papan pemuka untuk kegunaan dalaman menggunakan Nuxt.js. Memandangk...
daripada 2024-04-06 13:17:44
0
1
493
Elektron mendapat AppData pada pramuat Bagaimana untuk mendapatkan direktori AppData yang dipramuat? Background.js[...]asyncfunct...
daripada 2024-04-06 11:05:31
0
1
417
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！