一.找到元素

  1.document.getELementById(“id”);根据id找,最多找一个。

  var a=document.getELementById(“id”);把找到的元素放在变量a中。

  2.getElementsByClassName()根据class找,找出来的是数组。

  3.getElementsByName()根据name找,找出来的是数组。

  4.getElementsByTagName()根据标签名找,找出来的是数组。

    二.操作内容

  1.非表单元素:例如var d=document.getElementsById(“a”); 

1.获取文本:d.innerText  只取里面的文字!

2.设置文本:d.innerText=hello; 这时候里面的文字就会变成hello。

3.获取HTML代码:d.innerHTML   获取到d元素里面所套的所有标签以及文字!

4.设置HTML代码:d.innerHTML=<b>加粗文字</b>。

    2.表单元素

    表单元素的值是value

1.赋值:d.value=“赋值”;

2.获取值:alert(d.value);

    三.操作属性

    这不是属性,是方法1

  1.添加属性:d.setAttribute(“属性名”,“属性的值”);

  2.获取属性:d.getAttribute(“属性名”);

  3.移除属性:d.removeAttribute(“属性名”);

    四.操作样式

    在JS中获取样式只能获取内联的!

  1.d.style.  后面跟style中的你想要操作的样式。

    五.常用的事件

加return    或     false是阻止默认操作

onclick:鼠标单击触发

ondblclick:双击触发

onmouserover:鼠标以上触发

onmouserout:鼠标移出触发

onmousermov:鼠标在上面移动是触发

onchange:只要内容改变是触发

onblur:失去焦点时触发

onfocus:获得焦点时触发

onkeydown:按键按下时触发

onkeyup:按键抬起时触发

onkeypress:事件在用户按下并放开任何字母数字键时触发。

最新文章

  1. OA办公自动化系统源码
  2. IE6中内容高度比高级浏览器高的解决办法
  3. [小菜随笔]关于monkey报错日志分析
  4. 自定义的 ListBoxItem 自适应ListBox的宽度
  5. select函数
  6. 《C++Primer》复习——with C++11 [1]
  7. java中关于类的封装与继承,this、super关键字的使用
  8. JS Math.sin() 与 Math.cos() 用法
  9. ThinkPHP 3 MVC模式和URL访问
  10. JavaScript异步编程
  11. webpack务虚扫盲
  12. 好代码是管出来的——使用Git来管理源代码
  13. 20190325-HTML框架、audio标签、vedio标签、source标签、HTML表单
  14. Python学习笔记9-多线程和多进程
  15. 零基础读懂视频播放器控制原理——ffplay播放器源代码分析
  16. Access-Control-Allow-Origin 跨域问题
  17. MVC 导出Execl 的总结几种方式 (三)
  18. Nginx 0.8.x + PHP 5.2.13(FastCGI)搭建胜过Apache十倍的Web服务器(第6版)
  19. mapreduce程序调用各个类的功能
  20. Uboot命令U_BOOT_CMD

热门文章

  1. 简单dp的状态转移方程集合
  2. Codeforces Round #313 (Div. 2) A. Currency System in Geraldion
  3. HBase伪分布式环境下,HBase的API操作,遇到的问题
  4. 5.post上传和压缩、插件模拟请求
  5. 2016.6.11 ASP提交数据到SQL server数据乱码解决方法
  6. 在VMware Workstation上安装Kali Linux
  7. http://www.roncoo.com/article/detail/124822
  8. 暴力 hihoCoder 1251 Today Is a Rainy Day (15北京C)
  9. Android基础环境搭建
  10. HTML列表-框架