代码-图片切换时修改src的getElementById与getElementsByClassName区别

问题描述

图片切换时修改src的getElementById与getElementsByClassName区别

JS中用document.getElementsByClassName("class").setAttribute("src","路径")就不能修改路径；而用document.getElementById("id").setAttribute("src","路径")就能实现对路径的修改；

getElementById和getElementsByClassName有什么本质区别么（除了一个是通过id一个是class操作意外）

解决方案

一个通过ID定位，一个通过className定位。只是，前者返回一个对象，后者返回一个数组，可包含多个对象

解决方案二：

比如

 <div class="a" id="diva" />

那么一个是根据class取，一个是根据id取

解决方案三：

 getElementById和getElementsByClassName有什么本质区别  这个只是你的元素中使用的属性 id 和class这2个属性定义的值，没有什么区别

解决方案四：

getelementbyclassname还有兼容性问题

时间： 2024-10-31 11:33:36

代码-图片切换时修改src的getElementById与getElementsByClassName区别的相关文章

Ajax无刷新实现图片切换特效

ajax|刷新|无刷新 一.AjaxMethodusing System;using System.Data;using System.Data.SqlClient; namespace AjaxImage{    /**//// <summary>    /// AjaxMethod 的摘要说明.    /// </summary>    public class AjaxMethod    {        public AjaxMethod()        {       

完美兼容各大浏览器的jQuery插件实现图片切换特效_jquery

文件里面的功能注释也写得非常详细(详见zoeDylan.ImgChange-1.0.1.js文件),对网友们的学习是很有帮助的,虽然样式不太好看,大家可以自己写,好好利用哦... JS代码部分: 复制代码 代码如下: (function ($) {     var//申明全局变量         _eleTemp,//缓存变量         _eleThis = $(this),//当前元素         _eleImg = $('.zd-imgChange-img'),//图片组元素   

radio button-图片切换时默认radiobutton的圆点不跟着切换

问题描述 图片切换时默认radiobutton的圆点不跟着切换 private void checkedChange(int id){ switch (id) { case 0: case R.id.averageUser: // averageUser.setBackgroundResource(R.id.averageUser); // doctor.setBackgroundResource(R.id.doctor); vf.setDisplayedChild(0); break; cas

jQuery 图片切换插件(代码比较少)_jquery

复制代码 代码如下: // JavaScript Document ;(function($){ $.fn.extend({ "zj_ppt":function(value){ //默认参数定义 var $this = $(this); value = $.extend({ "time":2000, //间隔变化动画时间 "con":0, "sto":true, "count":"count&qu

jquery实现图片切换代码_jquery

本文实例为大家分享了jquery实现图片切换的方法,供大家参考,具体内容如下 <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js&qu

js 图片切换效果代码

<html xmlns="http://www.111cn.net/ 1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js 图片切换效果代码</title> <script language="javascript教程&quo

JS动态修改图片的URL（src）的方法_javascript技巧

本文实例讲述了JS动态修改图片的URL(src)的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以动态修改图片地址,以显示一张新的图片,实际上是通过修改图片的src属性来实现的 <!DOCTYPE html> <html> <head> <script> function changeSrc() { document.getElementById("myImage").src="hackanm.gif"; }

js图片切换代码

<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> </head> <body> <table width="300" height="300" border="0" align="center" cell

android-安卓新手 界面底部工具栏设置三个图片按键，点击切换时一直报错，麻烦高手指点下。

问题描述 安卓新手 界面底部工具栏设置三个图片按键,点击切换时一直报错,麻烦高手指点下. Eclipse调试错误信息如下: MainActivity.java代码如下: package activity; import com.example.social.R; import fragment.OneFragment; import fragment.ThreeFragment; import fragment.TwoFragment; import android.os.Bundle; imp