DOM例題

阿新 • • 發佈：2017-09-27

logs this item 按鈕 tab class classname function body

    <body>
        <table>
            <tr>
                <td>

                    <input type="checkbox" id="check_all" />
                    <label for="check_all">全選</label>
                    <input type="checkbox" id="reverse" />
                    <label for 
="reverse">反選</label>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" class="items" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" class="items" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" class="items" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" class="items" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" class="items" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" class="items" />
                </td>
            </tr>
        </table>
    </body>

</html>
<script>
    var 
 check = document.getElementById("check_all");
    var reverse = document.getElementById("reverse");

    var items = document.getElementsByClassName("items");

    check.onchange = function() {
        if(check.checked) {
            for(var x in items) {
                items[x].checked = true;
            }
        }  
else {
            for(var x in items) {
                items[x].checked = false;
            }
        }
    }
    for(var z in items) {
        items[z].onchange = function() {
            if(!this.checked) {
                check.checked = false;
            }else{
                var status = 0;
                for(var y in items){
                    if(items[y].checked == false){
                        status = 1;
                        alert(y);
                    }
                }
                if(status == 0){
                    check.checked = true;
                }
            }
        }
    }
    
    reverse.onclick = function(){
        for(var x in items){
            items[x].checked = items[x].checked?false:true;
        }
    }
</script>

全選框
1.點全選全部選擇
2.取消全選全部取消選擇
3.全選時取消單個選項全選框取消選擇
4.未全選時所有單個選項選擇全選框選擇
5.反選按鈕

DOM例題

獲取get值&DOM例題

indexof 例題 win 獲取 eth [] sele doc lec 獲取get值： <body> <form action="9.26獲取get值.html" method="get"> <i

DOM例題

logs this item 按鈕 tab class classname function body <body> <table> <tr> <td

DOM操作表格

div 重寫 ble 修改復雜 tle 核心主體 tab 前面的話　　表格table元素是HTML中最復雜的結構之一。要想創建表格，一般都必須涉及表示表格行、單元格、表頭等方面的標簽。由於涉及的標簽多，因而使用核心DOM方法創建和修改表格往往都免不了要編寫大量的代碼。

jquery對象轉化為DOM對象

utf-8 itl html 1.3 title style 操作 query htm <html> <head> <meta http-equiv="Content-type" content="text/html; charset=u

DOM對象轉化為jquery對象

rst asc div head 對象 .com ont content .get <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf

jquery對象與DOM對象

window style win -- 1.3 mooc 慕課語法 utf-8 <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> &

js Dom

common comm http tps nbsp loading bsp log ima js

運用php做投票題，例題

upd logs 變化輸出題 sql語句執行 each method title 要求大概是這樣的，有一個題目，題目下面是復選框，要求點完復選框提交後會變成進度條，各選項的進度條百分比，和投票數量首先還是要在數據庫建兩張表，如下：要完成這個題目，需要建兩個頁

復選框式查詢例題租房子

bmi 全選 this [0 tel lod cell .org nal <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

jquery DOM 創建、插入、刪除

png 兄弟節點 div listener mage ron reat ... fun 1.創建元素節點： $("<div></div>") 2.創建文本節點，與創建元素節點類似，可以直接把文本內容一並描述 $("<div>我是文本

Dom解析xml

文本 system unit exc style exception book.xml log port 1 package cn.pinnsvin; 2 3 import javax.xml.parsers.DocumentBuilder; 4 import

Jquery對象和DOM對象的區別

rip htm jquery 講解是我轉載數組關於詳細 1.jQuery對象和DOM對象第一次學習jQuery,經常分辨不清哪些是jQuery對象，哪些是 DOM，因此需要重點了解jQuery對象和DOM對象以及它們之間的關系.DOM對象，即是我們用傳統的方法(j

DOM(創建、插入和刪除元素)

http tag img 簽名 har col script value 技術分享 1.創建DOM元素 createElement(標簽名) 創建一個節點 appendChild(節點) 追加一個節點例子：為ul插入li 並且為li元素插入一些文字

dom元素改變監聽

dom元素 options cal change bsp each fun 監聽 pass function domChange(domId, callback) { // select the target node v

JAXP DOM

logs main dom vax 工廠 throw pri import [] 軟件包 javax.xml.parsers 提供允許處理 XML 文檔的類。 import javax.xml.parsers.DocumentBuilder; import jav

x++和++x的例題分析

con 不變自加 style class content span art article y=(x++)+(++x)+(x--)+(--x)+x; 先是x++，是說x算完後再自加，就是1+ 然後x變成了2，而++x是x先自加，然後再運算， x又變成了3。如今是1+3

完善類例題3.2

efault gety this row get stat ret today r++ package mydate; public class mydate {private int year,month,day;private static int thisYear;

javascript-DOM(3)

play load attribute bsp dom -1 tag html har 1、元素屬性操作　　a、oDiv.style.display = "block"; 　　b、oDiv.style["display"] = "block"; 　　c、DOM方式 D

HTML DOM item() 方法

child best ner == asc ctype sre 回文代碼一直不知道javascript還有類似jQ裏面eq()的函數，原來原生javascript的item()有類似功能：由於是原生javascript,先補習下children和childNodes

Jquery基礎之DOM操作

nbsp 動態下拉框 attr 格式空元素 hasclass ren check Dom是Document Object Model的縮寫，意思是文檔對象模型。DOM是一種與瀏覽器、平臺、語言無關的接口，使用該接口可以輕松訪問頁面中所有的標準組件。DOM操作可以分為三個

DOM例題

相關推薦