JavaScript组成和字符串

1.获取元素方法二

可以使用内置对象document上的getElementsByTagName方法来获取页面上的某一种标签，获取的是一个选择集，不是数组，但是可以用下标的方式操作选择集里面的标签元素

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>obtain</title>
<script type="text/javascript">

window.onload = function(){
    var oUl = document.getElementById('list');/*避免全局li都获取*/
    var aList = oUl.getElementsByTagName('li'); /*通过标签获取元素*/
    var iLen = aList.length;
    for(i=0;i<iLen;i++){
        if(i%2==0){              /*隔一个执行*/
            aList[i].style.backgroundColor = 'gold';
        }
    }
}
</script>

</head>

<body>

<ul id="list">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
</ul>

</body>
</html>

JavaScript组成和字符串

2.JavaScript组成

（1）ECMAscript JavaScript的语法（变量、函数、循环语句等语法）

（2）DOM 文档对象模型操作HTML和css的方法（document）

（3）BOM浏览器对象模型，操作浏览器的一些方法（alert）

扫描二维码关注公众号，回复： 4788171 查看本文章

3.字符串处理方法

（1）字符串合并操作：“+”

（2）parseInt() 将数字字符转化为整数

（3）parseFloat（）将数字字符串转化为小数

（4）split（）把一个字符串分隔成字符串组成的数组

（5）charAt（）获取字符串中的某一个字符

（6）indexOf（）查找字符串是否含有某字符

（7）substring（）截取字符串用法：substring（start，end）（不包括end）

（8）toUpperCase() 字符串转大写

（9）toLowerCase() 字符串转小写

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>string</title>
<script type='text/javascript'>

var iNum =123;
var iString = '456';
/*数字和字符合并*/
alert(iNum+iString);

var sTr01 = '12.465';
/*将数字字符转化为整数*/
alert(parseInt(sTr01));
/*将数字字符转化为小数*/
alert(parseFloat(sTr01));

var sTr02 = '2018-1-5';
/*将字符串以‘-’来分割成数个字符串，‘’空字符分割每一个字符*/
var atime = sTr02.split('-');
alert(atime);

var sTr03 = '#div'
/*获取位置一的字符串*/
var sTr04 = sTr03.charAt(0);
alert(sTr04);

var sTr05 = 'I love you!';
/*检索某字符，并返回它的位置，前三个都是2，不存在返回-1*/
var iNum01 = sTr05.indexOf('love');
var iNum02 = sTr05.indexOf('l');
var iNum03 = sTr05.indexOf('lo');
var iNum04 = sTr05.indexOf('hahah');
alert(iNum04);

var sTr05 = "We don't talk anymore!";
/*不包括第八位，显示3-7位*/
var sTr06 = sTr05.substring(3,8);
alert(sTr06);

/*转化为大写，toLowerCase是小写*/
var sTr07 = sTr05.toUpperCase();
alert(sTr07);

var sTr08 = 'dfjkjfahfs13346575431646';
/*分割，反转，连接*/
var sTr09 = sTr08.split('').reverse().join('');
alert(sTr09);

</script>

</head>

<body>
</body>
</html>

JavaScript组成和字符串

猜你喜欢