19 01 11 javascript 获取某一种元素(所有的标签) 以及字符串处理的方法

获取元素方法二

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

注意 拿出来的是一个数组   所以不能直接进行操作

<script type="text/javascript">
    window.onload = function(){
        var aLi = document.getElementsByTagName(‘li‘);
        // aLi.style.backgroundColor = ‘gold‘; // 出错!不能同时设置多个li
        alert(aLi.length);
        aLi[0].style.backgroundColor = ‘gold‘;
    }
</script>
....
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>

用 for  循环把所有的标签拿出来进行循环一边  则可以对应标签的修改

字符串处理方法

1、字符串合并操作:“ + ”

2、parseInt() 将数字字符串转化为整数  

3、parseFloat() 将数字字符串转化为小数  

4、split() 把一个字符串分隔成字符串组成的数组

5、charAt() 获取字符串中的某一个字符

6、indexOf() 查找字符串是否含有某字符  

7、substring() 截取字符串 用法: substring(start,end)(不包括end)  

原文地址:https://www.cnblogs.com/fromlantianwei/p/10258189.html

时间: 2024-11-03 05:19:52

19 01 11 javascript 获取某一种元素(所有的标签) 以及字符串处理的方法的相关文章

JavaScript获取DOM节点HTML元素CSS样式

JavaScript获取DOM节点HTML元素CSS样式技术 maybe yes 发表于2015-01-10 18:07 原文链接 : http://blog.lmlphp.com/archives/59  来自 : LMLPHP后院 如何使用 JavaScript 获取某个 DOM 节点下 HTML 元素的 CSS 样式值?使用过 JQuery 的童鞋一定都非常的熟悉,Jquery 提供了非常强大的 CSS 方法,可以很方便的设置和获取元素的 style 属性. 某些情况下,我们不能使用 JQ

javascript获取数组最后一个元素(三种方法)

JavaScript 获取Array末尾元素 一.JavaScript pop() 方法 pop() 方法用于删除并返回数组的最后一个元素. 注意:pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值.如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值. var arr = new Array("js","JavaScript","jQuery"); var end

JavaScript获取Select下拉框Option的Value和Text值的方法

Js获取select下拉列表框各个Option的Value值相对比较容易,不过获取Text值却有点麻烦,对于一个初学JavaScript的 新手来说,可能一时还无从下手,那么就请看下本文的方法,以一个form表单中的Select下拉框菜单为例,来说明如何用JavaScript获取其 Value值和Text值: 示例表单,里面是一个select下拉列表框的各个列表项及值: <form name="form1"> <select name="testvalue&

利用javascript获取并修改伪元素的值

虽然标题里写的是伪元素,不过这篇文章主要是说::before和::after,其余几个伪元素(::first-letter.::first-line.::selection等)由于没有content属性,所以本文一笔带过,其实方法是一样的.伪元素的重点在于一个伪,虽然它们可以被浏览器渲染引擎识别并正确渲染,然而伪元素本身并不是DOM元素,所以无法被js直接操作--因此任何基于JS直接选取DOM元素的CSS更改方法对伪元素都不起作用.(JQ看似万能,这个问题上是直接就栽了.因为JQ的选择符都是基于

19 01 12 javascript 定时器 封闭函数

定时器 定时器在javascript中的作用1.制作动画2.异步操作3.函数缓冲与节流 定时器: setTimeout 只执行一次的定时器 clearTimeout 关闭只执行一次的定时器 setInterval 反复执行的定时器 clearInterval 关闭反复执行的定时器 */ var time1 = setTimeout(myalert,2000); // 第一个值是函数 第二个值是毫秒 var time2 = setInterval(myalert,2000); /* clearTi

JavaScript获取相同id的元素

在servlet里,你可以直接使用 1 String[] property=request.getParameterValues("property");//属性 来获取相同id的属性值.但是在js里,这是行不通的.我们只有采用寻找结点的方式来获取元素.使用这种方法的话,id是否相同对我们来说已经是透明的了. 1 property[0]=$("#property").val(); 2 relation[0]=$("#relation").val(

深入理解javascript选择器API——4种元素选择器

× 目录 [1]id属性 [2]标签名 [3]name属性[4]all 前面的话 说到最常见的DOM应用,恐怕就要数取得特定的某个或某组元素的引用了.DOM定义了许多方式来选取元素,包括getElementById().getElementsByTagName().getElementsByName()和document.all()4种.接下来,将对这4种方法进行详细介绍 getElementById() 任何HTML元素可以有一个id属性,在文档中该值必须唯一 [注意]若浏览器中出现多个id名

JavaScript获取浏览器窗口、元素、屏幕的大小

在实现页面的某些效果时,我们经常会用到JavaScript去获取浏览器窗口,页面中元素和屏幕的大小,而这三个的大小在不同的浏览器中获取的方式有所不同,所以不得不处理一些兼容性问题. 一.屏幕的大小 首先来看屏幕大小,什么是屏幕大小呢?屏幕大小是指当前所用设备的屏幕的分辨率(浏览器窗口外部显示器的大小),它一般是不变的.它们可以通过JavaScript中的screen对象的属性获取. screen.height:屏幕的像素高度: screen.width:屏幕的像素宽度: screen.avail

用JavaScript获取URL参数的方法之一

若地址栏URL为:abc.html?m=tomms&c=allsearchlist&pageNo=1&pageNum=20&text=1 1 <script> 2 //JavaScript获取url,并把url中的参数变成数组的方法,arr数组的值就是各参数值 3 var url = window.document.location.href.toString(); 4 var u = url.split("?"); 5 var arr =