什么是dom编程？

  1. 找 找到html中的标签，赋值给一个变量
  2. 改 通过更改这个变量动态地更改html中的内容
  3. 返回的内容为列表

如何找到那些标签？

  1. id：var find = document.getElementById(“id“)
  2. 类：var find = document.getElementsByClassName (“类名”)
  3. name：var find = document.getElementsByName (“name”)    　　  // input系列

通过 find.value 获得input输入或者默认的内容

  1. 标签：var find = document.getElementsByTagName(“标签名”)

　　　　注意getElements后面的s，返回列表

如何更改标签？

  1. 改文本：

　　　　find.innerText  = “想要修改的内容”             // 单行修改

　　　　for (var i =0;i<find.length;i++;){

　　　　var new =find[i];

　　　　new = “想要修改的内容”;

　　　　}                                       　　　　　　　　 // 多行修改 赋值直接就改掉了html中内容

需求？我想我点一下，页面上就自己增加1

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>嘻嘻</title>

</head>

<body> 　　

    <div>

        <p id="add">1</p>

        <p><input type="button" value="+1" onclick="add()"></p>  <!--绑定点击事件-->

    </div>

    <script>

        function add() {                                       // 定义函数

            var res = document.getElementById('add')           // 获得对象

            var text =res.innerText;                           // 获得值

            text = parseInt(text);                             // 转换值

            text += 1;                                         // 值加1

            res.innerText = text;  }                           // 改值

    </script>

</body>

</html>

js_6_dom选择的更多相关文章

  1. Atitit 项目语言的选择 java c#.net  php??

    Atitit 项目语言的选择 java c#.net  php?? 1.1. 编程语言与技术,应该使用开放式的目前流行的语言趋势1 1.2. 从个人职业生涯考虑,java优先1 1.3. 从项目实际来 ...

  2. 逆天通用水印支持Winform，WPF，Web，WP，Win10。支持位置选择（9个位置 ==》[X]）

    常用技能:http://www.cnblogs.com/dunitian/p/4822808.html#skill 逆天博客:http://dnt.dkil.net 逆天通用水印扩展篇~新增剪贴板系列 ...

  3. 如何选择PHP框架？

    PHP是世界上最受欢迎的编程语言之—.最近发布的PHP7令这种服务器的编程语言比以前变得更好,更稳定了. PHP被广泛应用于重大的项目.例如Facebook就是使用PHP来维护和创建它们的内部系统的. ...

  4. CoreCRM 开发实录——开始之新项目的技术选择

    2016年11月,接受了一个工作,是对"悟空CRM"进行一些修补.这是一个不错的 CRM,开源,并提供一个 SaaS 的服务.正好微软的 .NET Core 和 ASP.NET C ...

  5. angular2系列教程（九）Jsonp、URLSearchParams、中断选择数据流

    大家好,今天我们要讲的是http模块的第二部分,主要学习ng2中Jsonp.URLSearchParams.observable中断选择数据流的用法. 例子

  6. 算法与数据结构(十三) 冒泡排序、插入排序、希尔排序、选择排序（Swift3.0版）

    本篇博客中的代码实现依然采用Swift3.0来实现.在前几篇博客连续的介绍了关于查找的相关内容, 大约包括线性数据结构的顺序查找.折半查找.插值查找.Fibonacci查找,还包括数结构的二叉排序树以 ...

  7. Mysql存储引擎及选择方法

    0x00 Mysql数据库常用存储引擎 Mysql数据库是一款开源的数据库,支持多种存储引擎的选择,比如目前最常用的存储引擎有:MyISAM,InnoDB,Memory等. MyISAM存储引擎 My ...

  8. 在DevExpress程序中使用GridView直接录入数据的时候，增加列表选择的功能

    在我上篇随笔<在DevExpress程序中使用Winform分页控件直接录入数据并保存>中介绍了在GridView以及在其封装的分页控件上做数据的直接录入的处理,介绍情况下数据的保存和校验 ...

  9. [转载]SQL Server 2008 R2安装时选择的是windows身份验证，未选择混合身份验证的解决办法

    安装过程中,SQL Server 数据库引擎设置为 Windows 身份验证模式或 SQL Server 和 Windows 身份验证模式.本文介绍如何在安装后更改安全模式. 如果在安装过程中选择&q ...

随机推荐

  1. 使用Q进行同步的Promises操作

    如何通过使用Q来并发执行多个promises呢? Q(Q(1), Q(2), Q(3)) .then(function (one, two, three) { console.log(one); co ...

  2. Flask分页

    一.flask实现的分页组件 from urllib.parse import urlencode,quote,unquote class Pagination(object): "&quo ...

  3. 深入学习Java8 Lambda （default method, lambda, function reference, java.util.function 包）

    Java 8 Lambda .MethodReference.function包 多年前,学校讲述C#时,就已经知道有Lambda,也惊喜于它的方便,将函数式编程方式和面向对象式编程基于一身.此外在使 ...

  4. SAP的这三款CRM解决方案，您能区分清楚么

    我的一位同事, John Burton, 在2017年12月底写过一篇博文:Explaining SAP's portfolio of "CRM Service" related ...

  5. python函数高级特性

    掌握了Python的数据类型.语句.函数,基本可以编写出很多有用的程序了.但是Python中,代码不是越多越好,而是越少越好.代码不是越复杂越好,而是越简单越好.基于这一思想,我们来介绍python中 ...

  6. Windows下使用pip安装mysql-python

    安装的过程很煎熬,留个爪,希望对其他人有帮助. 先声明我安装前的电脑配置: Win10: Python2和Python3共存(备注一个好用的方法,感谢知乎大神:https://www.zhihu.co ...

  7. 使用js对form表单base64加密

    利用js可以对前台数据加密,以防止被恶意获取,以下代码,用base64对数据进行加密,可以在后台进行解密. 引入的js <script type="text/javascript&qu ...

  8. if与while相互嵌套，菱形*的实现.py

    """    *           * *         * * *       * * * *     * * * * *     * * * *       * ...

  9. dm-verity

    一.Device Mapper: dm-verity是内核子系统的Device Mapper中的一个子模块,所以在介绍dm-verity之前先要介绍一下Device  Mapper的基础知识. Dev ...

  10. 解决：java.io.IOException: No FileSystem for scheme: hdfs

    解决:java.io.IOException: No FileSystem for scheme: hdfs 开发项目初期,写完代码开始放到服务器上开始测试的时候,报出这样的一个错,不知道怎么处理了, ...