繁体   English   中英

Span.innerHTML返回文本但Span.value返回undefined?

[英]Span.innerHTML returns text but Span.value returns undefined?

我有一个函数,用这样的东西填充页面

<span id="span_title_'+result_no+'">'+title+'</span>

然后我有另一个功能:

      document.getElementById("span_title_"+which_table).innerHTML="asg";
alert(document.getElementById("span_title_"+which_table).value);

奇怪的是第一个(innerHTML)调用完美,第二个,警报,给我“ undefined

知道为什么会这样吗?

<span> DOM元素没有value属性。 使用innerHTML来读取内容。

span没有名称为“value”的属性只有innnerHTML,你应该使用innerHTML进行第二次调用。

jQuery 偏移量返回无效值<span>或内联</span><div></div><div id="text_translate"><p>我已经创建了一个测试用例,请检查它,因为它说明了我的问题: <a href="http://jsfiddle.net/jAD2W/6/" rel="nofollow">http://jsfiddle.net/jAD2W/6/</a> (由于@patrick dw 简化了示例)</p><p> <em>为了完整起见,此代码也已添加到本文的底部。</em></p><p> 基本上,每当我获得 span 元素或内联 div 元素的偏移量时, top值都会大于应有的值。</p><p> 当您将鼠标悬停在示例中的图像上时,它应该保持在绝对 position 上。 不幸的是,它似乎被移动了下来。</p><p> 是什么导致它向下移动? 去掉span元素就解决了,说明是span元素的inline属性引起的。 不幸的是,我确实需要将整个内容包含在跨度或内联 div 元素中。</p><p> 来自 jsFiddle 的代码(html、javascript、css):</p><pre> &lt;html&gt; &lt;body&gt; &lt;div id='showArea'&gt; &lt;span id="containerElement1"&gt; &lt;img src='http://twitpic.com/show/thumb/5lkmac.jpg' &gt; &lt;/span&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; $('#containerElement1').mouseenter(function(e) { var offset = $(this).offset(); $(this).css({ 'position': 'absolute', 'top': offset.top, 'left': offset.left }); }); img { width:250px; height:150px; } span { width:250px; height:150px; }</pre></div>

[英]jQuery offset returns invalid value for <span> or inline <div>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 span textContent split 在 javascript 函数中返回未定义 使用 innerHTML 将值注入 html 返回 undefined innerHTML 返回 undefined - JavaScript jQuery 偏移量返回无效值<span>或内联</span><div></div><div id="text_translate"><p>我已经创建了一个测试用例,请检查它,因为它说明了我的问题: <a href="http://jsfiddle.net/jAD2W/6/" rel="nofollow">http://jsfiddle.net/jAD2W/6/</a> (由于@patrick dw 简化了示例)</p><p> <em>为了完整起见,此代码也已添加到本文的底部。</em></p><p> 基本上,每当我获得 span 元素或内联 div 元素的偏移量时, top值都会大于应有的值。</p><p> 当您将鼠标悬停在示例中的图像上时,它应该保持在绝对 position 上。 不幸的是,它似乎被移动了下来。</p><p> 是什么导致它向下移动? 去掉span元素就解决了,说明是span元素的inline属性引起的。 不幸的是,我确实需要将整个内容包含在跨度或内联 div 元素中。</p><p> 来自 jsFiddle 的代码(html、javascript、css):</p><pre> &lt;html&gt; &lt;body&gt; &lt;div id='showArea'&gt; &lt;span id="containerElement1"&gt; &lt;img src='http://twitpic.com/show/thumb/5lkmac.jpg' &gt; &lt;/span&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; $('#containerElement1').mouseenter(function(e) { var offset = $(this).offset(); $(this).css({ 'position': 'absolute', 'top': offset.top, 'left': offset.left }); }); img { width:250px; height:150px; } span { width:250px; height:150px; }</pre></div> 获取Span Text的值 用点击的span标签的innerHTML替换占位符值 Javascript-innerHTML返回未定义然后结果 InnerHTML在IE8中返回未定义 .innerHTML在以下位置返回未定义 <p> 标签 innerhtml 返回 undefined 但元素存在
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM