Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengklik untuk menambah kotak dalam javascript

Bagaimana untuk mengklik untuk menambah kotak dalam javascript

WBOYasal: 2022-01-19 10:40:402572semak imbas

Kaedah: 1. Ikat acara klik pada elemen butang dan nyatakan fungsi pemprosesan acara 2. Gunakan kaedah append() dalam fungsi pemprosesan acara untuk mencapai kesan klik untuk menambah kotak sintaks ialah "nyatakan objek elemen. append("Elemen kotak yang disisipkan");".

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.

Cara mengklik untuk menambah kotak dalam javascript

kaedah append() memasukkan kandungan yang ditentukan pada penghujung elemen yang dipilih.

Sintaksnya ialah:

$(selector).append(content,function(index,html))

Parameternya adalah seperti berikut:

Bagaimana untuk mengklik untuk menambah kotak dalam javascript

Contohnya seperti berikut:

<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("p").append(" <div>这是一个插入进来的div</div>");
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落</p>
<button id="btn1">在段落后添加一个div</button>
</body>
</html>

Hasil keluaran:

Bagaimana untuk mengklik untuk menambah kotak dalam javascript

Selepas mengklik butang:

Bagaimana untuk mengklik untuk menambah kotak dalam javascript

Berkaitan cadangan: Tutorial pembelajaran javascript

Atas ialah kandungan terperinci Bagaimana untuk mengklik untuk menambah kotak dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript append 对象事件

Kenyataan：

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 sebelumnya：Simbol yang manakah dalam javascriptArtikel seterusnya：Simbol yang manakah dalam javascript

Artikel berkaitan

Lihat lagi