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

上一篇：正则表达式

下一篇：商品展示问题

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注