首页 > 编程语言> 文章详细

Java Script

2020-06-26 16:58:11 阅读：199 来源： 互联网

标签：el arr Java Script 元素获取 str var

一、JS

1、js

　　js:基于对象，解释执行

　　java:面向对象，编译执行

2、html引入js方式

(1)内部js：body的最后一行

　　　　...

　　</script>

(2)外部js

3、js变量和数据类型

(1)变量的声明

　　1）var varName;

　　2）let varName;

(2)赋值式确定变量的类型

　　1）获取变量的实际类型　　var str = typeof(var);

　　2）string类型

　　　　a. var int = parseInt(str)　　　　　　　　　　　　　　 //字符串转化为整数

　　　　b. var float = parseFloat(str)　　　　　　　　　　　　 //字符串转化为小数

　　　　c. var length = str.length;

　　　　d. var ix = str.indexOf(subStr[ , beginIndex]);　　　　//查找

　　　　f. var subStr = str.substring(subStr[ , beginIndex]); //截取

　　　　g. var arr= str.split(sepStr)　　　　　　　　　　　　 //拆分

　　3）number

　　　　var float = float.toFixed(n) 　　　　　　　　　　　　　//保留精度

　　4）boolean(true false)

　　　　在JS中：0,"" ,null,undefined 都可以作为false使用

　　5）object引用类型

　　　　a.数组

　　　　　　var arr = new Array(var1,var2,var3...)

　　　　b.数组的常用属性以及方法

　　　　　　arr.push(item)　　　　　　　　　　　　　　　　　　//尾部追加元素

　　　　　　arr.splice(beginIndex,howManytoDelete,item...)

　　　　　　　　从beginIndex开始删除howManytoDelete个元素，并插入item...

　　　　　　var peak = arr.pop();　　　　　　　　　　　　　　 //获取并删除最后一个元素

　　　　　　var top = arr.shift();　　　　　　　　　　　　　　//获取并删除第一个元素

　　　　　　var str = arr.join(joinStr);　　　　　　　　　　　//将所有数组连城一个字符串

　　　　c.数组遍历的四种方式

　　　　　　<1>for(var i=0;i<names.length;i++){

　　　　　　　　　　console.log(names[i]);

　　　　　　　　}

　　　　　　<2>for(const i in names){

　　　　　　　　　　console.log(names[i]);

　　　　　　　　}

　　　　　　<3>names.forEach((e,i)=>{

　　　　　　　　　　console.log(i+","+e);

　　　　　　　　})

　　　　　　<3>names.forEach(e=>{

　　　　　　　　　　console.log(e);

　　　　　　　　})

　　　　d.日期

　　　　　　var date = new Date(long);　　　　　　　　　　　　//获取日期

　　　　　　var year = date.FullYear();

　　　　　　var month = date.getMonth();　　　　　　　　　　　//获取月份

　　　　　　　　　　...

　　　　　　var second = date.getSecond();　　　　　　　　　　//获取秒

二、JS获取html标签对象

　　1、根据选择器获取

　　　　(1)根据id选择器获取唯一对象

　　　　　　var e = document.getElementById(idStr);

　　　　(2)根据class选择器获取对象数组

　　　　　　var arr = document.getElementsByClassName(classStr);

　　　　(3)根据标签选择器获取对象数组

　　　　　　var arr = document.getElementsByTagName(tag name);

　　　　(4)根据表单元素的name属性获取对象数组

　　　　　　var arr = document.getElementsByName(formName);

　　2、根据家族关系获取

　　　　(1)var child = ref.children;　　　　　　　　　　　　　 //获取子元素数组

　　　　(2)var prevEl = ref.preiousElementSibing;

　　　　　　var nextEl = ref.nextElementSibing;　　　　　　　 //获取兄弟元素

　　　　(3)var parentEl = ref.parentElement;　　　　　　　　　 //获取父级元素

三、JS操作html标签对象　　

　　1、操作值

　　　　（1）表单元素的值：var val = el.value;

　　　　（2）非表单元素的文本：var txt = el.innerText;　　el.innnerText = new _txt;

　　　　（3）非表单元素的内部结构：var structor = el.innerHTML;　　el.innerHTML = new _structor;

　　2、操作属性

　　　　var attrVal = el.attr;

　　　　el.attr = new _attr;

　　3、操作样式

　　　　（1）具体样式

　　　　　　el.style.xxxYyy = "value";

　　　　（2）类选择器

　　　　　　el.className = "cn";

　　　　　　el.classList.add();

　　　　　　el.classList.remove();

　　　　　　el.classList.toggle();

　　4、操作元素

　　　　添加子元素：el.appendChild(tagEl)

　　　　删除元素：el.remove();

标签：el,arr,Java,Script,元素,获取,str,var
来源： https://www.cnblogs.com/afeiiii/p/13194908.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Java Script