`
hpf911
  • 浏览: 20477 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

获取HTML span标签中间的内容——(跨浏览器)

阅读更多

//定位span element.
var myspan = document . getElementById ('myspan' );
//假设这个span的firstChild就是那个文本
var span_textnode = myspan . firstChild ;
//访问data字段来获取数值
var span_text = span_textnode . data ;
//后记:还有其他方法,但是这个目前最通用(跨浏览器)

用jquery的话就是:
alert($("myspan"). firstChild.data ) ;

分享到:
评论

相关推荐

    js获取html的span标签的值方法(超简单)

    通过以上内容的介绍,我们可以了解到如何使用JavaScript获取HTML元素中的span标签值。这两种方法简单直接,能够满足绝大多数情况下的需求。无论是在实际开发项目中,还是在学习编程的过程中,掌握这些技能都是非常有...

    js获取html的span标签的值方法.docx

    在网页开发过程中,经常需要通过JavaScript来操作HTML元素,比如获取特定`<span>`标签中的文本内容或HTML内容。这对于动态更新页面、实现用户交互等有着重要作用。本文将详细介绍两种常用方法:`innerText`属性和`...

    html如何对span设置宽度

    这是一期分享 HTML 中 span 标签,如何设置宽度的问题。 span标签 span 表示行内元素,相当于 inline 属性,只会根据元素的宽度自行展开,自己设置宽度,不起作用。 那如果我特别希望将 span 元素设置为宽度且不设置...

    html标签例如img,div,span等基本标签的使用

    HTML基本标签的使用 HTML(HyperText Markup ...HTML 的基本标签是构建网页的基础,我们可以使用 img 标签插入图像,用 div 标签分组元素,用 span 标签高亮文本。 HTML5 的发展也使得网页开发变得更加丰富多样化。

    span标签span标签的介绍及使用方法

    **span标签介绍** 在HTML(超文本标记语言)中,`<span>`是一个非常基础且常用的内联元素。它的主要作用是用于对文档中的文本进行分组,以便于通过CSS(层叠样式表)来应用样式。由于`<span>`本身不带有任何默认...

    从入门到精通HTML5——PDF——网盘链接

     10.1.1 滚动文字标签——marquee 203  10.1.2 滚动方向属性——direction 203  10.1.3 滚动方式属性——behavior 204  10.1.4 滚动速度属性——scrollamount 205  10.1.5 滚动延迟属性——scrolldelay 206  ...

    HTML第一章-基本标签

    2. **文本内容标签** - `<h1>`到`<h6>`:用于设置标题,数字越大,级别越低。 - `<p>`:定义段落。 - `<strong>`和`<em>`:强调文本,前者使文本加粗,后者使文本斜体。 - `<a>`:创建超链接,通过`href`属性...

    html标签解释——供大家学习

    HTML(HyperText Markup Language)是构建网页的基础语言,它通过一系列的标签来描述网页的结构和内容。在“html标签解释”中,我们可以深入学习这些标签的用途和用法,以便更好地理解和创建网页。 HTML标签通常由...

    JS 获取span标签中的值的代码 支持ie与firefox

    本文将详细讲解如何在不同的浏览器环境中,包括IE和Firefox,正确地获取`<span>`标签内的文本内容。 `<span>`标签是HTML中的一个内联元素,通常用来组合或格式化文本。在JavaScript中,我们可能需要获取这些`<span>...

    Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML))

    原始 HTML(Raw HTML) 双花括号语法,会将数据中的 HTML 转为纯文本后再进行插值。为了输出真正的 HTML,你需要使用 v-html 指令: ...span 中的内容,将会被替换为 rawHtml 属性的值,并且作为原始 HTML 插入

    javascript给span标签赋值的方法

    在函数s中,通过document.getElementById获取到id为hello的span标签,并使用innerHTML属性将一个iframe元素赋值给它。 2. 使用innerText属性 innerText属性用于获取或设置位于对象起始和结束标签内的文本,忽略所有...

    CSS中如何把Span标签设置为固定宽度.pdf

    这种方法在IE6和Firefox 3上也有效,同时,display:inline-block是实现跨浏览器兼容的最佳通用方法。 关于display属性的区别: - **display:block;** - 这会使元素表现为块级元素,如div,允许设置宽度、高度以及...

    《Web前端设计基础——HTML5、CSS3、JavaScript》课后答案整理.pdf

    - 和<span>是常用的布局标签,其中是块级元素,而<span>是内联元素。 - 和用于区分内容区域,表示独立内容,而用于划分内容节。 6. 超链接与字符实体 - 超链接元素用于创建指向其他资源的链接,支持跳转到不同...

    span标签超长部分隐藏

    在探讨“span标签超长部分隐藏”的主题时,我们深入分析了如何利用CSS样式来实现对文本内容的优雅裁剪,特别是在span元素超出容器宽度的情况下。这个知识点在网页设计与前端开发领域至关重要,因为它直接关系到用户...

    使用HTML+CSS+JS制作简单的网页菜单界面

    写ABROAD项目用到了标签这个东东,其实标签在WEB上到处可见,图中就依次显示了DCC文章发布器、ABROAD后台添加数据、百度图片搜索、sf发布博客文章时贴标签的样式——标签就像浏览器里原生的checkbox一样,不过...

    狂神说——HTML完整教学通俗易懂

    这些标签告诉浏览器如何显示内容。例如,标签用于插入图像,需要指定src属性来指定图像源,alt属性则提供文字描述。 3. CSS与HTML结合:虽然HTML负责结构,但表现如颜色、布局等通常由CSS(Cascading Style Sheets...

    javascript给span标签赋值的方法.docx

    在函数内部,我们通过`document.getElementById`获取了ID为`hello`的`<span>`元素,并通过`innerHTML`属性为其设置了新的文本内容。 #### 方法二:使用jQuery jQuery是一种快速、简洁的JavaScript库,它极大地简化...

    span 鼠标移上动画提示弹窗

    通过查看和分析这些代码,开发者可以学习如何创建和自定义这种鼠标移上动画提示弹窗,包括如何控制动画效果、改变提示内容的样式以及调整颜色和布局等。 总的来说,"span 鼠标移上动画提示弹窗"是一种增强用户体验...

Global site tag (gtag.js) - Google Analytics