网页设计js教程基础-网页设计js教程基础知识

div>

js模块化中如何操作页面dom？

1.先获取节点：    

document.getElementById(idName)          //通过id名来获取元素，返回一个元素对象    

document.getElementsByName(name)       //通过name属性获取元素，返回元素对象数组    

document.getElementsByClassName(className)   //通过class名来获取元素，返回元素对象数组

2.设置内容

document.getElementById("p1").innerHTML = "hello kitty!";

1.原生DOM操作是通过，document.getElementById(“ID名称”)的方式。

2.通过引入JQuery文件，通过JQuery提供的选择器进行DOM操作。选择器的规则类似于css选择器。$("p")选择所有<p>元素；$("#***n")，选择ID的***n的DOM元素等等

题主说的js模块化应该是node上的模块。

首先模块化并不是node的专利，要在浏览器的时候人们就开始通过命名空间等方式，在浏览器中实现模块化了，模块化的意义在于代码前端的复用。后面有人借住v8引擎开发了node。然后前端开发模式发生了翻天覆地的变化，前端开发开始后裔，前端人员通过node的编译解决了接口mock，更加工程化，结构化的开发代码。

说说操作dom吧，js是一套语法规范，而dom属于浏览器平台的特征，所以在node开发时，一方面是模拟浏览器特性，比如一些测试的时候回常用这些库比如jest-dom，然后如果要真正的放到浏览器中使用，我们会借助编译器，比如babel把我们的代码编译成浏览器平台可用额度。这样我们就可以使用浏览器中未实现的语法。并对低版本的浏览器做出兼容。

现在一些框架，借助虚拟dom的小船，实际上是不建议直接操作dom的，但是会提供虚拟节点的真实引用，也还是dom比如一个链接助件在react中，可以通过ref对外提供a标签的dom实例，帮助其他用户更灵活的拓展。

所以在模块化操作dom与在浏览器上操作dom是一样的，模块化提供的是代码复用的方式，是工程化开发提升开发效率的。所以不会对你操作dom的api有什么过多影响[呲牙]

DW制作网页如何使用下载的JS代码，请详细说明如何导入到DW？

DW里，有设计与代码两个选项，选中代码视频图，把JS复制进去就可以了啊， 如果JS是保存在外部文件的话，就用<script src="保存的文件名.js"></script>即可如果是直接把JS代码考进去的话，就用<script> 你的JS代码部分； </script>

网页代码中js和css指的是什么啊？老听到？

js即j***ascript，J***aScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为J***aScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。css是层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化