我的一个JS方法问题，为什么我动态添加一个<img>出现了下面的问题-CSDN论坛

我的一个JS方法问题，为什么我动态添加一个<img>出现了下面的问题

Web 开发 > JavaScript

收藏回复

[问题点数：20分，结帖人fzchenjun]

⋅关于Android团队开发运行Activity问题（eclipse + vss） ⋅JSP 的 cookie 得到的值问题、 ⋅我的一个JS方法问题，为什么我动态添加一个<img>出现了下面的问题 更多帖子 关注私信空间博客 书小记 等级 本版专家分：0 结帖率 100%: 我的一个JS方法问题，为什么我动态添加一个<img>出现了下面的问题

//得到那个DIV层
var myDiv = document.getElementById("divError");

thisParent.innerHTML += "<img src='img/exclamation.gif' style='cursor:pointer' onmousemove='showAndMoveMe("+myDiv + ",\"该项为必填\")'/>";

//显示&移动DIV层方法
//obj 要移动的对象
//inf 提示信息
function showAndMoveMe(obj,message){

//var obj = document.getElementById("divError");
//显示对象
obj.style.display="block";

//把信息插入到对象里面
obj.innerHTML = message;

//对象坐标
obj.style.pixelTop = event.clientY - 10;
obj.style.pixelLeft = event.clientX + 20;
}

这样子应该没错吧。为什么一直提示出错呢？

2009-04-09 21:40:44

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅碰到同名同域的Cookie该如何清空？ ⋅IIS假死，重启IIS恢复，阶段性出现 ⋅【100分】这样的SQL还有可优化的空间吗？ 更多帖子 关注私信空间博客 颤菊大师 等级 本版专家分：84: obj.style.pixelTop = event.clientY - 10;
obj.style.pixelLeft = event.clientX + 20;

我记得……好像 pixelTop 是只读的。我一般是用style.top + px。
而且，按照逻辑来说，应当是只读的。否则当我们用百分比呢？

2009-04-09 21:46:22

点赞只看TA 引用举报 #1得分 4

⋅此用户还没有发表过任何帖子 关注私信空间博客 caiying2009 等级 本版专家分：8621: <div id="divError" style="position:absolute"></div>

2009-04-10 04:39:37

点赞只看TA 引用举报 #2得分 1

⋅此用户还没有发表过任何帖子 关注私信空间博客 caiying2009 等级 本版专家分：8621: 补充：
请确定<div id="divError" style="position:absolute"> </div>
没有包括在thisParent里面

2009-04-10 04:41:41

点赞只看TA 引用举报 #3得分 3

⋅您好，遇到技术问题了，socket接收到的数据刷新imageView问题 ⋅类定义带有Class_Initialize事件或Class_Terminate 事件。这些过程有一个或更多的参数。不要给这些过程指定参数。 ⋅得有些年不来csdn了，这里依然还是风尘仆仆…… 更多帖子 关注私信空间博客 lihan6415151528 等级 本版专家分：11943 勋章 红花 2009年4月挨踢职涯大版内专家分月排行榜第一 2009年2月挨踢职涯大版内专家分月排行榜第一 2009年1月 Java大版内专家分月排行榜第一 2009年1月挨踢职涯大版内专家分月排行榜第一 2008年12月 Java大版内专家分月排行榜第一 2008年11月 Java大版内专家分月排行榜第一 2008年11月挨踢职涯大版内专家分月排行榜第一 2008年10月 Java大版内专家分月排行榜第一 黄花 2009年6月挨踢职涯大版内专家分月排行榜第二 2009年5月挨踢职涯大版内专家分月排行榜第二 2009年3月挨踢职涯大版内专家分月排行榜第二 2008年12月挨踢职涯大版内专家分月排行榜第二 蓝花 2009年6月 Web 开发大版内专家分月排行榜第三: jquery的这个方法很强大的

2009-04-10 08:35:02

点赞只看TA 引用举报 #4得分 1

⋅统计每个月的某字段和值 ⋅求一sql更新命令 ⋅asp按特定值搜索xml某节点 更多帖子 关注私信空间博客 bxbacn 等级 本版专家分：645: var myDiv = document.getElementById("divError");

myDiv.innerHTML += " <img src='img/exclamation.gif' style='cursor:pointer' onmousemove='showAndMoveMe("+myDiv + ",\"该项为必填\")'/>";

2009-04-10 09:16:53

点赞只看TA 引用举报 #5得分 1

⋅此用户还没有发表过任何帖子 关注私信空间博客 caiying2009 等级 本版专家分：8621



<div id="thisParent"></div>

<div id="divError" style="position:absolute;border:1px #999 solid;background:#f9f9ff;font-size:12px;color:#00f;padding:4px;display:none"></div>



<script language="javascript">

<!--

var myDiv = document.getElementById("divError");

var thisParent=document.getElementById("thisParent");//动态添加一图片（及其事件）

thisParent.innerHTML += " <img src='images/pic010.png' style='cursor:pointer;width:156px;' onmousemove='showAndMoveMe(\"divError\",\"该项为必填\")' onmouseout='hidAndMoveMe(\"divError\")'/>"; 



 

//ib 要移动的对象ID 

//message 提示信息 

function showAndMoveMe(id,message){//显示&移动DIV层

	var obj = document.getElementById(id); 

	obj.style.display="block"; //显示对象

	obj.innerHTML = message;//把信息插入到对象里面 

	obj.style.pixelTop = event.clientY - 10; //对象坐标

	obj.style.pixelLeft = event.clientX + 20; 

} 



function hidAndMoveMe(id){ 

	var obj = document.getElementById(id); 

	obj.style.display="none"; //隐藏对象

} 



//-->

</script>

2009-04-10 13:28:01

点赞只看TA 引用举报 #6得分 10

⋅关于Android团队开发运行Activity问题（eclipse + vss） ⋅JSP 的 cookie 得到的值问题、 ⋅我的一个JS方法问题，为什么我动态添加一个<img>出现了下面的问题 更多帖子 关注私信空间博客 书小记 等级 本版专家分：0: 我汗哦~~~
这样不行呀。

2009-04-17 10:08:02

点赞只看TA 引用举报 #7得分 0

收起

收藏回复

书小记

等级：

关注私信 TA的帖子

解决javascript动态改变img的src属性图片不显示问题: “>这么一个a标签，onclick中的JS代码就是改变id为current的img标签的src属性，以达到动态切换图片的效果。可是不幸的是：IE是动态改变的图片的路径，但是图片却不显示出来，得右键“显示图片”才能看到改变后的图片...

js实现简单的动态添加或删除一行数据: js实现简单的动态添加或删除一行数据，（动态添加li）

解决js动态插入JQuery轮播图片出现的问题: 在js中如果你的图片是这样插入JQuery中的slideBox： document.getElementById('imageplay').innerHTML = myimageplay;//通过innerHTML插入那么你会遇到如下的问题就是播着播着后面会有空白，仔细查看html元素...

如何优雅的用js动态添加html代码: 如果需要在js里动态的加载一些html代码，一般会选择下面这样的方式 str="div class="dialog">div class="title">img src="close.gif" alt="点击可以关闭" />亲爱的提示条div>div class="content">img src="delete....

js 动态添加onload事件: 在js里，一般我们认为window对象有onload事件，调用方法：window.onload(); document.body对象有onload事件，调用方法：或者 document.body.onload = function(){..} //--> 只是一般body的onload只能写在标签里，...

如何在一个js中新添加的元素的里面插入新的元素。: 下面这段是从一个ajax里面截取出来的。希望在ht这段html里面添加一个html。 for(var i in data){ if(data[i].car_img==null){data[i].car_img=”img/man.png”} var ht=' s“> 司机:’+data[i].vipname+' ’+data...

JS动态添加HTML布局: html: <tab-pane :label="lab1" name="name0"> <div class="t1"> <i-table :columns="columns3":data="...

vue.js多个选项下如何动态添加各自文本框input?: 甚至更多问题， A问题下可以动态增加文本框input，B问题下也可以动态增加input。现在遇到的bug是A问题增加input，B问题同时也增加input。同理B问题增加input时A问题也增加了。怎么区分开呢？删除也一样。下面...

js新手学习中:js创建div和img并把img插入div中: js创建div和img并把img插入div中，简单的实现，高手别喷啊。 js创建div和img并把img插入div中 ... window.onload = function (){ var bigImg = ... //创建一个img元素 var oDiv= document.createElement

移动端一次上传多个图片（动态创建file类型的input）: 最近在做公司的一个移动端上传图片的业务，如果这是在PC端，将非常的简单，因为给input设置属性multiple后PC端按住ctrl键就可以一次性选择多个图片，但是在移动端确不可以，移动端选择一张图片后会自动返回到APP中，...

swiper动态添加图片问题: 如果这时候图片和一些东西是后台的，你从js里动态添加到DOM时，这时候你就会发现各种问题。比如轮播图不动，无法滑动。下面的指示小圆点变得混乱了。等等。其实这些都是swiper的渲染问题，因为简单的s

js实现html节点、CSS样式、事件的动态添加以及html覆盖层的添加: js实现html节点、CSS样式、事件的动态添加以及html覆盖层的添加

2020年前端面试题及答案: 一大纲 1、前言 2、前端工程化 3、前端设计模式 4、前端安全性问题 5、前端跨域问题 6、前端数据加密 7、前端http相关问题 8、*前端基础知识点面试题 9、前端技术栈问题前言 ...

IE下JQuery、JS动态修改img标签src无效的解决方案: 今天在做到一个验证码刷新的时候出现了一个BUG，Chorme下img的src属性能够正确的动态刷新，而在IE下却不能够生效。最初是这样写的 //初始化 var url = "/create_check_code"; $("#user-get-vercode&...

在img的图片上添加文字: <div style="...img src="图片地址" width="170" height="89" alt=""> <span style="position: absolute; bottom: 0; le

上传同一个文件change事件不会重复触发问题: 遇到问题：选择同一个文件change事件不会触发解决：change事件后，用一个新的input file替换原来的Input file 二、效果三、代码页面 <form> <div class="form-group"&...

jquery 动态添加、按顺序添加input文本框并且实现删除操作: 1.先来一张图来告诉我们今天要实现什么蓝色加号按钮点击就会动态添加一行“发明人N姓名”和“发明人N排名” 的input文本框还有图片”“ 点击蓝色按钮减号就会减少相对应的那一行还有索引也会减掉图片”“ 2....

jQuery实现动态添加和删除一个div: 我想做一个可以动态添加删除div的功能。中间遇到一个问题，最后在网友的热心帮助下解决了，使用到的jquery方法和思想就是：事件的绑定和销毁(unbind) 本文主要给大家简单介绍一下如何动态的在一个元素添加和...

如何给img标签里的请求的添加自定义header: 如何给img标签里的请求的添加自定义header ...上传好说我用的Axios直接添加一个header就行了，但是预览就比较麻烦了，因为img这个标签图片下载展示是浏览器自己实现的，没有办法去修改。所以首先想到就是通过...

JS 轮播图图片切换（定时器）: JS 轮播图图片切换（定时器）这次的轮播图与上次的图片切换相比，仅仅是加上了定时器，使其可以自动切换。上次的图片切换的链接：https://blog.csdn.net/qq_38318589/article/details/99050117

jquery给每个无序列表下第一个li添加样式，谢谢: ![图片说明](https://img-ask.csdn.net/upload/201612/13/1481615085_224556.png)

开发中遇到的问题-动态创建按钮并且添加带有参数的点击事件: 背景是开发游戏中的消息系统，进入游戏时会自动从服务器中下载离线时没收到的消息，所以，UGUI会根据收到的消息的数量，动态生成这个数量的消息点击按钮，放在消息列表中，但是问题出在：由于按钮是批量生成的，...

js的动态插入指定位置的标签方法insertBefore，以及自定义insertAfter方法: var mydiv = document.getElementById("mydiv");//目标元素 var divimg = document.createElement("div"); //新建一个div标签 divimg.classList.add("productInformation... //给div定义一个类名这里用来...

DOM（一）一些属性方法介绍以及兼容性问题: 一、nodeType：以数字值返回指定节点的节点类型。存在 12 种不同的节点类型，其中可能会有不同节点类型的子节点：二、childNodes：只读属性，表示某个元素子节点的集合，返回NodeList 对象。在标准浏览器下...

viewer动态加载图片第一次点击预览图片失败的问题: 众所周知,每一个插件都有很多坑,比如说市面上比较火爆的图片浏览插件viewer,有js版本和jqery版本的,尽管这两个版本不一样,但是大同小异. 话不多说直接上代码 HTML部分 <div style="min-height:180px;"> ...

点击一个超链接时下面显示一行超链接: ![图片说明](https://img-ask.csdn.net/upload/201506/27/1435420063_426532.png)...我想实现的是上图中的当把鼠标放在黄色学校概况时显示下面一行黄色的学校简介,现任领导,历任领导,校园景观四个超链接,请问如何·实现

HTML5 图片<img/>下边界出现空隙，去除空隙的解决方法: 图片img下方出现空隙，且找不到空隙被哪一个元素占用，无缘无故多了空隙，影响样式设计的解决方法？ 1，给元素添加样式：display:block; img style="display: block" src="../../img/banner_index.png"/> 2,给元素...

js动态添加hover事件: 通常前端css鼠标滑过，离开的事件加在css,scss,...这个时候JS控制hover事件是最好的选择，下面插入一段自己经常用到的特效，仅供参考。直接上代码。 <!DOCTYPE html> <html lang="en"> <hea...

jdk全部版本下载: java jdk全部资源下载，方便，官网下载太慢，特发此一起下载

Qt 入门中文资料 Qt从入门到精通: c++ Qt中文入门教程，从Qt入门到Qt的深入研究。

相关热词 c#线程池类 c#如何遍历容器 c#16进制加法 c#事件订 c# linq xml c# udp 多个客户端 c# 程序应注意事项 c# json 接口开发 c# 按行txt c#怎么扫条形码