setAttribute()方法的使用

最新推荐文章于 2023-12-14 09:32:34 发布
最新推荐文章于 2023-12-14 09:32:34 发布
阅读量1.4w 收藏 7
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SHUSHANGLIUMIAN/article/details/81008545
版权

setAttribute() 方法添加指定的属性，并为其赋指定的值。

如果这个指定的属性已存在，则仅设置/更改值。

语法：

element.setAttribute(attributename,attributevalue)

getAttribute()方法返回指定属性名的属性值

element.getAttribute(attributename);

作业：

<body>
   <div id="myDiv"  οnmοuseοver="move()"></div>
   <script>
      
         var myDiv=document.getElementById("myDiv");
         function move() {
                var width=document.body.clientWidth;//网页可见区域宽
                var height=document.body.clientHeight;//网页可见区域高
                width*=Math.random();
                height*=Math.random();
                // myDiv.setAttribute("style",'left:'+width+'px;top:'+height+'px');
                myDiv.style.left=width+'px';
                myDiv.style.top=height+'px';

            }
   </script>
   
</body>
 

看起来简单，实际上试了很多标签和方法，大概新手和老司机的区别就在于效率

                

        

        

    




    

      

        

            

              
                
                  什么都不懂的老仙女
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    2
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    7
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  2
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
2021-11-16 setAttribute()方法的定义和用法,使用setAttribute对元素进行属性设置和其他常见使用场景

				
			

			

				

					GAARA
				

				

					11-16
					
					734
					
				

			

		

		

			
				
文章目录
定义
语法
使用场景一:点击改变input文本框成为一个button按钮
代码
改进:value也用setAttribute设置
使用场景二:使用setAttribute()方法取消类名
使用场景三:使用setAttribute()方法和getAttribut()方法,解决for循环中无法获取自增中的i的bug
定义
setAttribute()方法是用于创建或者改变元素的某个新属性
(若指定属性已经存在,那么仅仅设置其属性值)

语法
element.setAttribute(name,valu

			
		

	



                

              
                



	

		

			

				
					
setAttribute()方法

				
			

			

				

					qq_24193261的博客
				

				

					09-18
					
					2万+
					
				

			

		

		

			
				
setAttribute()方法
增加一个指定名称和治的新属性，或者把一个现有属性设定为指定的值
elementNode.setAttribute(name,value)
说明：
1.name：要设置的属性名
2.value:要设置的属性值
注意：
1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。
2.类似于getAttribute()方法，s

			
		

	



                


  
              

                


	

		

			

				
					
setAttribute()方法详解

					
最新发布

				
			

			

				

					技术研究中心
				

				

					12-14
					
					2369
					
				

			

		

		

			
				
方法是Java中实现数据传递和共享的关键工具，通过巧妙运用，可以更好地组织和管理数据，提高代码的可维护性。假设我们在Servlet中接收到一个用户的登录信息，需要在整个请求范围内传递这些信息。方法是一个非常重要且灵活的工具，用于在不同组件或作用域中传递和存储数据。可以将对象以及其他Java数据类型作为属性值传递，提高数据传递的灵活性。方法的使用方法、场景示例，助你更好地利用这一功能，提高编程效率。中使用，用于实现不同作用域的数据传递。在用户登录后，将用户信息存储在。在一次请求中，将数据存储在。

			
		

	





	

		

			

				
					
setAttribute

				
			

			

				

					小赵的呢
				

				

					11-17
					
					5762
					
				

			

		

		

			
				
今天在学习javaweb过程中发现一个很有意思的现象，setAttribute，session和request都有这个方法
setAttribute这个方法，这个方法作用就是保存数据，然后还可以用getAttribute方法来获取出来。
例如：有个User对象，User users=new User(“hong”,“男”);
1， request.setAttribute(“users”,users)这个方法是将users这个对象保存在
request作用域中，然后在转发进入的页面就可以获取到你的值，如果你

			
		

	



		

			
		



	

		

			

				
					
js中setAttribute用法详解

					
热门推荐

				
			

			

				

					Z忽虎的博客
				

				

					07-13
					
					6万+
					
				

			

		

		

			
				
setAttribute基本用法element.setAttribute(attributename,attributevalue)setAttribute() 方法添加指定的属性，并为其赋指定的值,看到w3c的例子document.getElementsByTagName("INPUT")[0].setAttribute("type","button");我们经常需要在JavaScript中给E...

			
		

	





	

		

			

				
					
JS中setAttribute方法

				
			

			

				

					fang_my的博客
				

				

					02-18
					
					1617
					
				

			

		

		

			
				
js中setAttribute（）的一个注意事项

			
		

	





	

		

			

				
					
javascript中setAttribute()函数使用方法及兼容性

				
			

			

				

					10-23
				

			

		

		

			
				
主要介绍了javascript中setAttribute()函数使用方法及兼容性的相关资料,需要的朋友可以参考下

			
		

	





	

		

			

				
					
JavaScript中setAttribute用法介绍

				
			

			

				

					10-27
				

			

		

		

			
				
然而，由于浏览器之间的兼容性问题，开发者需要特别注意在不同环境下使用`setAttribute()`的方式。  首先，当我们需要改变元素的CSS类（class）时，`setAttribute("class", value)`通常被用来设置新的类名。例如，...

			
		

	





	

		

			

				
					
JavaScript的setAttribute兼容性问题解决方法

				
			

			

				

					10-26
				

			

		

		

			
				
JavaScript的setAttribute存在兼容性问题，下面与大家分享下具体的解决方法，感兴趣的朋友可以参考下

			
		

	





	

		

			

				
					
setAttribute 与 class冲突解决

				
			

			

				

					09-06
				

			

		

		

			
				
但是，在使用 setAttribute 方法设置 class 属性时，存在一个冲突问题，那就是在不同的浏览器中，setAttribute 方法的行为不同。  问题的根源在于，IE 浏览器和 Firefox 浏览器对 class 属性的处理方式不同。在 Fire...

			
		

	





	

		

			

				
					
JavaScript中setAttribute用法详解

				
			

			

				

					知足happiness的博客
				

				

					08-29
					
					2万+
					
				

			

		

		

			
				
setAttribute基本用法

element.setAttribute(attributename,attributevalue)

setAttribute() 方法添加指定的属性，并为其赋指定的值,看到w3c的例子

document.getElementsByTagName("INPUT")[0].setAttribute("type","button");

我们经常

			
		

	





	

		

			

				
					
js的setAttribute的使用

				
			

			

				

					Picking_up_stones的博客
				

				

					10-24
					
					1490
					
				

			

		

		

			
				
最近在写一个剧院管理系统的前端页面，需要动态生存座位，给每个座位都要注明它的状态，查了一些资料，可以给每个座位绑定一个属性，在用的时候只要获得座位的id调用属性就行。就用了setAttribute（”class”，”value”）这个方法。这是w3school里的方法说明： 
 
看到两个参数都是string类型，就想着自己要添加的是座位状态，就写了这么一行代码:img.setAttribute("

			
		

	





	

		

			

				
					
javascript setAttribute()用法

				
			

			

				

					JaneHxx的博客
				

				

					12-28
					
					1051
					
				

			

		

		

			
				
setAttribute(),既可以增加新的属性名称和值，也可以为已经存在的属性设置值。
例如：
可以为已经存在的属性设置值:

div1=document.createElement("div");
div1.setAttribute("width","600px");
也可以增加新的属性和值:
d1 = document.createElementNS("http://www.w

			
		

	





	

		

			

				
					
日历选择插件

				
			

			

				

					weixin_30371469的博客
				

				

					01-19
					
					79
					
				

			

		

		

			
				
/**
*
* @example:
如下调用：
xvDate({
'targetId':'date1',//时间写入对象的id
'triggerId':['date1','dateBtn1'],//触发事件的对象id
'alignId':'datesWrap1',//日历对齐对象
'format':'-',//时间格式 默认'YYYY-MM-DD HH:MM:SS'
'min':'20...

			
		

	





	

		

			

				
					
原生js实现表格增删查改

				
			

			

				

					qq_45989170的博客
				

				

					09-19
					
					2607
					
				

			

		

		

			
				
js实现表格增删查改
HTML部分
<div class="box">

        <head>
            <h2>表格管理系统</h2>
            <div class="s">
                <label>姓名：</label><input type="text" class="searchUname"><button class="search"&g

			
		

	





	

		

			

				
					
LabwindowsCVI 波形显示介绍及事例

				
			

			

				

					平凡之路的博客
				

				

					02-15
					
					7755
					
				

			

		

		

			
				
       波形相对于数值而言，其更能直观描述数值的大小及变化趋势，有利于工程师排查问题，标定最优参数。本章将介绍LabwindowsCVI对波形控件的支持。LabwindowsCVI共支持3种Graph控件，分别为Graph、Strip Chart、Digital Graph控件。

Graph控件：

       Graph控件比较适合于一次画许多数据的曲线，不是很适合连续往曲线上继续添加...

			
		

	





	

		

			

				
					
js中元素样式设置的六种方法

				
			

			

				

					weixin_52452081的博客
				

				

					03-23
					
					6612
					
				

			

		

		

			
				
pink;</</</</

			
		

	





	

		

			

				
					
setattribute方法

				
			

			

				

					06-08
				

			

		

		

			
				
在前端开发中，setAttribute方法用于设置指定元素的属性值。它接受两个参数，第一个参数是要设置属性的名称，第二个参数是要设置的属性...同样，也可以使用setAttribute方法设置其他HTML属性，比如id、title、href等。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 2

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值