xml地图|网站地图|网站标签 [设为首页] [加入收藏]

皇家88登陆客户端JS小功能系列5图片左右移动

来源:http://www.ccidsi.com 作者:集成介绍 人气:123 发布时间:2019-09-19
摘要:当用querySelector()或querySelectorAll()查找类似name="2nd_btn"的要素时,FF,chrome和IE8都会报错。 FF,chrome报的错是同一的,如下所示: Error: uncaught exception: [Exception... "An invalid or illegal stringwas s

当用querySelector()或querySelectorAll()查找类似name="2nd_btn"的要素时,FF,chrome和IE8都会报错。
FF,chrome报的错是同一的,如下所示:
Error: uncaught exception: [Exception... "An invalid or illegal string was specified" code: "12" nsresult: "0x8053000c (NS_ERROR_DOM_SYNTAX_ERR)" location: ".../test/qsa.html Line: 18"]
IE8的报错提示:行: 18 错误: 参数无效。
一寻思,name的值是以数字初步的,把数字去掉或改变后,就能够取到了。
那就报告大家,一般可自定义标签的属性值时,属性值不能以数字开端,也不可能蕴含$,^等有时用的字符。
在HTML页面开头必定要记得注解<!DOCTYPE>。

<!DOCTYPE html>

测量试验代码:

<html lang="en">

复制代码 代码如下:

<head>

<!DOCTYPE>
<html>
<head></head>
<body>
<div id="foo">
<a name="warns" href="">This is a sample warning</a>
<a id="3err" href="">This is a sample error</a>
</div>
<div id="bar">
<a name="warns" href="">This is another sample warning</a>
<a name="1err" href="">This is another sample error</a>
</div>
<script>
var a = document.querySelectorAll("[name=warns]")
alert(a.length)//输出:2
var b = document.querySelector("[id=3err]")
皇家88登陆客户端,alert(b.tagName)//报错
var c = document.querySelectorAll("[name=1err]")
alert(c.length)//报错
</script>
</body>
</html>

<meta charset="UTF-8">

您可能感兴趣的稿子:

  • javascript之querySelector和querySelectorAll使用验证
  • javascript之querySelector和querySelectorAll使用介绍
  • js querySelector和getElementById通过id获取成分的区分
  • 再谈querySelector和querySelectorAll的分别与联络
  • 各浏览器中querySelector和querySelectorAll的兑现差别剖析
  • jQuery选取器querySelector的使用指南

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

<style>

* {

margin: 0;

padding: 0;

}

.l {

float: left;

}

.r {

float: right;

}

.c:after {

clear: both;

width: 0;

padding: 0;

content: "";

display: block;

}

img {

float: left;

width: 300px;

}

.picMove {

width: 300px;

height: 200px;

overflow: scroll;

}

.img {

width: 900px;

background: orange;

}

</style>

<script src="../jquery-1.7.2/jquery.js"></script>

</head>

<body>

<div class="picMove">

<div class="img c">

<a href=""> <img src="./pic/1.jpg"></a>

<a href=""> <img src="./pic/2.jpg"></a>

<a href=""> <img src="./pic/3.jpg"></a>

</div>

本文由68399皇家赌场发布于集成介绍,转载请注明出处:皇家88登陆客户端JS小功能系列5图片左右移动

关键词: 68399皇家赌场 js

最火资讯