专业网站建设的意义,浙江网站建设哪家权威,合肥网站建设讯息,给公司做网站要多少钱1、结构
HTML DOM (文档对象模型)
当网页被加载时#xff0c;浏览器会创建页面的文档对象模型#xff08;Document Object Model#xff09;。 2、核心关注的内容#xff1a;“元素”#xff0c;“属性”#xff0c;“修改样式”#xff0c;“事件反应”。四要素…1·、结构
HTML DOM (文档对象模型)
当网页被加载时浏览器会创建页面的文档对象模型Document Object Model。 2、核心关注的内容“元素”“属性”“修改样式”“事件反应”。四要素 JavaScript 能够改变页面中的所有 HTML 元素JavaScript 能够改变页面中的所有 HTML 属性JavaScript 能够改变页面中的所有 CSS 样式JavaScript 能够对页面中的所有事件做出反应 3.操作的内容
javascript操作的内容就是上面的四要素 p iddemo文章标题/p 4.获取元素的方法,操作元素前需要先获取元素
[以前的方法现在有新的css类选择的方法]
需要操作 HTML 元素您必须首先找到该元素。有三种方法来做这件事 1.通过 id 找到 HTML 元素 var xdocument.getElementById(intro); 2.通过标签名找到 HTML 元素 var yx.getElementsByTagName(p); 3.通过类名找到 HTML 元素 var xdocument.getElementsByClassName(intro); 5.修改内容获取元素后修改元素内容
第4步是获取元素如果修改修改的是什么呢
一个元素有可以修改的内容有
“元素内容”“属性”“修改样式”“事件反应”。
5.1修改元素内容元素内容” document.getElementById(p1).innerHTML新文本!; 5.2修改“”属性“” “属性” document.getElementById(image).srclandscape.jpg; 5.3修改样式 修改样式”
语法
document.getElementById(id).style.property新样式 document.getElementById(p2).style.colorblue; document.getElementById(p2).style.fontFamilyArial; document.getElementById(p2).style.fontSizelarger; 5.4修改事件反应 事件反应”。
HTML DOM 允许我们通过触发事件来执行代码
当用户点击鼠标时当网页已加载时当图像已加载时当鼠标移动到元素上时当输入字段被改变时当提交 HTML 表单时当用户触发按键时
........................... h1 idid1我的标题 1/h1 button typebutton οnclickdocument.getElementById(id1).style.colorred 点我!/button
