HTML 小筆記

2024-04-27 15:12:34

字體：大中小

來源：轉載

供稿：網友

根據id 獲取對象方法 document.getElementById(id) 在 javaScript 中，document.write() 可用于直接向 HTML 輸出流寫內容修改 HTML 內容的最簡單的方法時使用 innerHTML 屬性常見的一些屬性fontsize 字體的大小color 顏色width 寬度height 高度background 設置背景display 顯示類型（none block inline inline-block）padding 內邊距（四種方式）margin 外邊距（控件之間的距離）border 設置邊框（border-size boder-style border-color）脫離標準流float 浮點（left right）絕對定位position （left right top bottom）（1）如果相對父空間進行定位設置父節點的position為 relative（2）子絕父相選擇器標簽選擇器 tagName類選擇器.classNameid選擇器#id后代選擇器（多個選擇器間用空格隔開）tagName .className群組選擇器tagName ， .className后代選擇器tagName> .className屬性選擇器tagNmae[attrName="attrValue"]選擇器組合（多個選擇器黏在一起）tagName.className#id偽類tagName：hoverJS動態的腳本語言語法自由不影響使用節點的基本操作（一） creat（c）var div = docment.creatElement("div");document.body.appendChild(div);(二) read（R） var div = document.getElementById("div")[0]; var div = document.getElementByTagName("div")[0]; var div = document.getElementByClassName("div")[0];(三)update(U) var img = document.getElementByid("logo"); img.src = "img/logo.jpg";(四)delete（D） var img = docment.getElementById("logo"); img.parentNode.removeChild(img); 或者 img.remove();事件綁定 var button = document.getElementByID("but"); button.onclick = function(){ //實現點擊按鈕想做的事情 } JQuery 1 通過選擇器查找元素 a）$("選擇器")； b)jQery支持絕大多數CSS選擇器 2屬性操作 a)獲取熟悉 $("選擇器").attr("屬性名")； b)設置屬性 $("選擇器").attr("屬性名","屬性值")； 3 顯示和隱藏 a) 顯示 $("選擇器").show(); b)隱形 $("選擇器").hide(); c) 顯示和隱藏 $("選擇器") .toggle(); 事件綁定 a)點擊事件 $("選擇器").click(function(){ }); b)點擊事件 function login(){ //實現點擊按鈕想做的事情 } $("選擇器").click(login); 參考手冊 www.w3cschool.com http://www.php100.com/manual/jquery

上一篇：正則表達式

下一篇：商品展示問題