Rumah > Artikel > hujung hadapan web > JavaScript mengawal kemahiran elemen_javascript halaman web mendapatkan halaman web

JavaScript mengawal kemahiran elemen_javascript halaman web mendapatkan halaman web

WBOYasal: 2016-05-16 15:08:211332semak imbas

Bacaan yang disyorkan: Halaman Web Kawalan JavaScript - DOM

JavaScript mengawal halaman web-CSS dan DOM

Gunakan DOM untuk memisahkan HTML

Menggunakan JavaScript untuk mengawal kandungan web sebenarnya sama seperti memasak. Tidak perlu membersihkan sisa, tetapi tidak ada cara untuk menikmati hasil yang lazat.

Walau bagaimanapun, anda akan dapat melengkapkan komponen HTML kandungan web: yang lebih penting, anda akan mempunyai keupayaan untuk menggantikan komponen halaman web.

JavaScript membolehkan anda memanipulasi kod HTML halaman web mengikut kehendak anda, sekali gus membuka pintu kepada semua jenis peluang menarik, semuanya kerana kewujudan objek standard: DOM

getElementById

HTML标签都有一个"id"属性,第个标签的该属性都是独一无二的
可以通过id属性来获取元素
<body>
<div id="div1">
<div id="div2">
内容
</div>
</div>
</body>
var sceneDesc=document.getElementById("div2");
getElementById可以通过元素的id属性去访问标签
括号里是id的值

getElementsByTagName

也可以通过标签名来获取元素
<body>
<div id="div1">
<div id="div2">
<div id="div3">
内容
</div>
</div>
</div>
</body>
var divs=document.getElementsByTagName("div");
getElementsByTagName返回所有div标签,结果是一个数组,结果按照标签在HTML中的顺序排列
括号里是标签名
var divs=document.getElementsByTagName("div")[2];
用索引获取第三个div标签

innerHTML

innerHTML特性对所有存储在元素里的内容提供了访问管道
通过innerHTML访问元素内存储的内容：
<div id="div1">
<p id="story"> you are standing</p>
<strong>alone</strong> in the woods.
</div>
</body>
document.getElementById("story").innerHTML;
返回的内容是： you are standing alone in the woods.
innerHTML获取的是指定元素下的所有内容与标签
innerHTML也能用于设置网页内容
document.getElementById("story").innerHTML="You are <strong>not</strong> alone!";
innerHTML只用来设置可以包含文本的标签

Itu sahaja pengetahuan tentang mengawal halaman web dengan JavaScript - mendapatkan elemen halaman web saya harap ia akan membantu anda!

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：JavaScript menyedari bahawa lapisan DIV muncul dan latar belakang halaman secara beransur-ansur menjadi kemahiran semi-transparent_javascriptArtikel seterusnya：JavaScript menyedari bahawa lapisan DIV muncul dan latar belakang halaman secara beransur-ansur menjadi kemahiran semi-transparent_javascript

Artikel berkaitan

Lihat lagi