js（事件） d3-白红宇

js（事件） d3

阅读量：5093 次

发布时间：2019-06-13

本文共 3605 字，大约阅读时间需要 12 分钟。

1.一些DOM属性

　　document里的查询方法，首先getEmentById(),getEmentsByTagName(),getEmentsByName(),

分别返回带有指定ID的元素，返回包含指定标签的所有元素节点列表，返回包含带有指定类名的所有元素的节点列表。这里的Name有时候会是className。

还有一些方法html中dom属性：innerHTML-节点的文本值，这里和。value的区别，在于前者放在一般标签里，后者放在自结束标签里。还有些属性parentNode-节点的父节点，childNodes节点的子节点，兄弟节点previousSibling这个输出的是前一个兄弟节点。如果要调某个节点下的节点，只需要他的名字.方法即可，不需要document了，前提是已经从里面调出了。

练习

            
             Untitled Document        
                             
                 
                      
                           你喜欢哪个城市?                
                
                           
        北京
                    
        上海
                    
        东京
                    
        首尔
                
       
                
       
                
       
                
                           你喜欢哪款单机游戏?                
                
                           
        红警
                    
        实况
                    
        极品飞车
                    
        魔兽
                
       
                
       
                
       
                
                           你手机的操作系统是?                
                
       
        IOS
        Android
        Windows Phone
       
            
      
            
      
                       gender:                
                       Male                
                       Female                
       
                
       
                name:

由于每个不同节点对应的 nodeName nodeType nodeValue不一样，这样就可以区分了，其中空格相当于文本内容需要占决3个type，而标签只占一个，可以根据这样把他们区分达到去空格的作用。在上面的第五个查询中用到了。在上面的方法我把一类作用的，封装成一个方法，这样就可以解决很多重复繁琐的问题，类似于java的类与实例的关系。

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
     Insert title here    
     
              你爱好的运动是：
      全选/全不选        
      
         
      足球         
      篮球         
      羽毛球         
      乒乓球

上面的html实现多选框的一些功能，全选按钮，全不选按钮，反选按钮，返回所有选择的值，开始没有将全选/全不选框进行优化，即没有全选去掉了一个元素，它还是选中的状态，后面进行了绑定和优化。这里面用了this关键字，表示当前对象，表示的是当前函数所属的对象，谁调用了他，谁就是他的this。

三.增删改　　

　　运用了其他的document方法，创建一个TextNode字符串，在用appendChild放入其中。注意调用方法的形式，有的是直接调用，有的需要结合父节点才可以一起使用。

            
             Untitled Document        
                                 
                 
                      
                           你喜欢哪个城市?                
                
                       
        北京
                
        上海
                
        东京
                
        首尔

这个代码存在几个问题还没有解决？

　　1.第五个读取html代码会出现空格，和一些没有的东西，如何去掉。

　　2.第六个设置html代码，只能用c=b来将b的值赋给c，而不能用setattribute进行赋值。

　　3.append和append.child的区别。

转载于:https://www.cnblogs.com/guomingyt/p/7805882.html

你可能感兴趣的文章