日度归档:2020年2月10日

JavaScript 如何使用js代码向数组的指定位置插入元素呢?


摘要:
下文讲述Js技巧,使用Js代码向数组元素指定位置插入元素的方法分享,如下所示:


实现思路:
使用js数组中的splice方法可以向数组的指定位置插入元素

例:
对以下数组指定位置插入元素

   
   <script>

    let arrayTest=["maomao","www.maomao365.com","猫猫教程"];
       arrayTest.splice(2,0,"数组指定位置插入数据");
      alert(arrayTest);
   </script>
   
 

相关阅读:
JavaScript splice()函数简介说明

javascript 数组指定位置插入元素_splice

javascript 数组指定位置插入元素_splice

html标签textarea中type属性值是什么啊?


摘要:
下文通过举例的方式讲述textarea中的type属性,如下所示:

例:
input 文本框type属性等于text
input 按钮的type属性等于button
那么textarea的属性到底是什么呢?
下文将通过举例的方式讲述 textarea的type属性

   /*
   从下面的例子,我们可以看出textarea的type属性为textarea
   */
  <!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.maomao365.com/" /> 
<title>猫猫教程(www.maomao365.com)--textarea的type说明</title> 
<script>
window.onload=function(){
  var o=document.getElementById("txtTest");
  o.value= "textarea的type属性为:"+o.type;
}
</script> 
</head> 
<body> 
<textarea id="txtTest">猫猫教程之textarea之type属性测试:
 </textarea>
</body> 
</html>
html textarea之type属性检测

html textarea之type属性检测

如何使用css代码为文本框画一条下划线呢?


摘要:
下文通过举例的方式讲述使用css为文本框画一条下划线的方法分享,如下所示:


实现思路:
使用Border-bottom设置底部样式线条

例:
为下面的文本框底部绘制一条线

    
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)-文本框底部绘制一条线</title> 
<style type="text/css"> 
.txtTest{  
  border:none;  
  border-bottom:gray 1px solid;  
} 
</style> 
<body> 
name:<input type="text" name="txtInfo" class="txtTest" /> 
</body> 
</html>
html 文本框绘制下划线的方法分享

html 文本框绘制下划线的方法分享