如何在javascript中获取div和完整的内部内容?

2024-01-02

我想在 javascript 中获取 div 内部内容

Ex:

<div id="content" style="height: 20px; overflow: hidden">
  content<br>content<br>content<br>
</div>

这是我的 html 代码。我只知道div id(内容)。但我想通过 javascript 检索主 div 及其内部内容,例如..

<div id="content" style="height: 20px; overflow: hidden">
 content<br>content<br>content<br>
</div>

我还想检索内容 div 属性,例如样式、类名等。


Use getElementById()获取元素和innerHTML获取内容

document.getElementById('content').innerHTML;

INNERHTML 的现场演示 http://jsfiddle.net/TQaRJ/

要获取整个标签的内容,请使用outerHTML

document.getElementById('content').outerHTML;

OUTERHTML 的现场演示 http://jsfiddle.net/TQaRJ/2/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在javascript中获取div和完整的内部内容? 的相关文章

  • 使用 css 简单地将对象居中,无需修改

    我想使用 CSS 将对象居中 而不需要任何技巧 这可能吗 如何实现 我已经尝试过了 但是我的 p 标签消失了 centered position fixed top 50 left 50 有多种方法可以使元素居中 但这取决于您的元素是什么以
  • 使用 JavaScript 禁用第三方 cookie

    我正在努力根据所有在欧盟运营的公司的数据保护规则实施新的 Cookie 政策合规性 根据该规则 用户在使用任何网站时必须能够拒绝 接受除必需的 Cookie 之外的所有内容 在我客户的网站中 我可以看到正在存储以下第三方 cookie ga
  • 如何更改 Google Maps v3 API for Directions 中的开始和结束标记图像

    我使用 DirectionsRender 绘制了一条路线 但我不知道如何用我自己的标记替换通用的 Google 标记 我知道并在正常的谷歌地图情况下使用它 但发现很难用开始和结束的方向标记来做到这一点 如果这是一个愚蠢的问题 感谢您的任何建
  • 带有淘汰赛js的隐形recaptcha

    我正在完成隐形验证码 但我在实现它时遇到问题 谷歌开发人员页面中的代码显示它应该是这样的
  • 如何针对 Node.js 中发生的每个错误发送电子邮件?

    假设我的 node js 应用程序正在运行 如果出现错误 我的意思是所有错误 不仅仅是网络错误 如果出现错误 则很重要 我如何调用函数向我发送电子邮件 基本上 在我希望它写入 err out 之前 我希望向我发送一封电子邮件 我正在使用no
  • 使用 dc.js 按条形值对条形图中的条形进行排序(排序)

    如何通过维度的计算值而不是维度本身的名称对 dc js 示例中的 x 轴 维度 进行排序 例如 请考虑序数条形图的 dc js 示例 https github com dc js dc js blob master web examples
  • 有没有办法使用 Rspec/Capybara/Selenium 将 javascript console.errors 打印到终端?

    当我运行 rspec 时 是否可以让 capybara selenium 向 rspec 报告任何 javascript console errors 和其他异常 我有一大堆测试失败 但当我手动测试它时 我的应用程序正在运行 如果不知道仅在
  • 如何将函数附加到弹出窗口关闭事件(Twitter Bootstrap)

    我做了一些搜索 但我只能认为我可以将事件附加到导致其关闭的按钮 https stackoverflow com questions 13205103 attach event handler to button in twitter boo
  • Angular - CSS - 自定义类型=文件输入,如何使用按钮而不是标签?

    我制作了一个类型为 file 的自定义输入字段 因为我不喜欢默认的输入字段 为了实现这一目标 我做了
  • php - 解析html页面

    div divbox div p para1 p p para2 p p para3 p table class table tr td td tr table p para4 p p para5 p 有人可以告诉我如何解析这个 html
  • 尝试将数据存储在点击器网站中

    我正在尝试存储一个名为的变量score无论何时刷新 您都会一次又一次地使用它 我不明白的是它的代码是什么 我尝试了一些方法 但似乎都不起作用 这是我的答题器网站 但是当我尝试使用 JavaScript 来存储它时 它不起作用window o
  • Chrome 扩展程序在代码中使用 client_secret

    我正在开发具有自己的 oAuth 授权的 Google Chrome 扩展 当然 我必须使用 client id 和 client secret 作为请求令牌 有什么办法可以向用户隐藏这些数据吗 由于此请求只是 javascript 源代码
  • 使用 CSS 或 Javascript 填充动画

    我只是想知道是否可以使用 CSS 或 javascript 创建填充动画 基本上我想创建一个填充动画 如下图所示 http i40 tinypic com eit6ia png http i40 tinypic com eit6ia png
  • 不可勾选的单选按钮与专有的复选框

    从 UI 角度来看 是拥有一组具有取消选中功能的单选按钮更好 还是拥有一组独占的复选框 意味着一次只能选中一个 更好 Update 我没想到对此会有如此负面的反应 如果我给出一个更接近其使用方式的示例 也许会有所帮助 我有一个充满数据绑定内
  • Vue 和 Vuex:处理依赖的计算属性

    我的应用程序是一个使用 Vuex 在 Vue 中构建的精简电子表格 关键组件是TableCollection Table and Row The TableCollection有一个包含多个的数组Table对象 每个Table有一个包含多个
  • 在 Shopify 商店中嵌入 Vue 组件

    在产品页面中 我尝试显示自定义 Vue 组件 为简洁起见 该组件根据给定的产品 ID 显示 Firebase 数据库中的一些信息 我最初尝试将其制作为 Shopify 应用程序 以便我可以访问他们的 API 我实现了 OAuth 并且可以检
  • Javascript Replace() 和 $1 问题

    我正在尝试创建一个脚本来搜索文本中的模式并在它找到的字符串周围包裹一个标签 shop attributes td each function this html function i html return html replace E 0
  • 从 FileReader 设置背景图像样式

    我正在寻找一种解决方案 允许我从文件上传输入中获取文件并通过设置 document body style backgroundImage 来预览它 以下代码用于在 Image 元素中显示预览 function setImage id tar
  • JavaScript 相对路径

    在第一个 html 文件中 我使用了一个变量类别链接 var categoryLinks Career prospects http localhost Landa DirectManagers 511 HelenaChechik Dim0
  • 如何使用asm.js进行测试和开发?

    最近我读到asm js规范 看起来很酷 但是是否有任何环境 工具来开发和测试这个工具 这还只是处于规范阶段吗 您可以尝试使用 emscripten 和 ASM JS 1 并从侧分支在 firefox 构建中运行它 有关 asm js 的链接

随机推荐

  • 致命错误:未捕获 SoapFault 异常:[ns1:Client.AUTH_1] 身份验证失败

    在我的 wsdl 文件中 我有一个用户身份验证块
  • MPI 派生类型发送

    我尝试将派生类型发送到处理器 该类型包含来自其他派生类型的对象 我从开始这个例子示例 结构派生数据类型 https computing llnl gov tutorials mpi Derived Data Types 我添加我的代码 代码
  • 第 80 行的重复键被忽略:“name”rvm

    这似乎没有影响任何东西 只是在我的终端中令人恼火 我经常收到以下警告 有时我收到多个警告 调出不同的线路 有时会收到以下警告 gem 有所不同 但除此之外 这是输出 Users alecwilson rvm gems ruby 2 2 1
  • 矩阵乘法:Strassen 与标准

    I tried to implement the Strassen algorithm http en wikipedia org wiki Strassen algorithm for matrix multiplication with
  • 是否可以仅使用标准 C++ 为 Windows Phone 7 进行编程?

    我知道Windows Phone 7开发的推荐语言是C 然而 由于各种原因 我非常喜欢继续在standardC 如果可能的话 是否可以仅使用标准 C 为 Windows Phone 7 进行编程 如果答案是肯定的 我需要哪些工具和资源来实现
  • OpenCV cv::findHomography 运行时错误

    我用来编译和运行代码Features2D 单应性查找已知对象 http opencv itseez com doc tutorials features2d feature homography feature homography htm
  • 在DataGridView中使用DataTable显示小图片(Icon)

    EDIT 我想使用 DataTable 在 Datagridview 中使用图像 RadioButton 只是本文的一个简单问题格式 让我澄清一下这一点 如何使用绑定样式在 datagridview 上添加这个 图像 或那个 图像 因为 我
  • Zend框架2:如何全局设置区域设置?

    我必须根据用户想要的语言动态更改区域设置 我可以在 Application Module php 中设置区域设置 如下所示 public function onBootstrap MvcEvent e translator e gt get
  • 数据集中的标题 (Matlab)

    我找不到关于 dataset 的任何好的文档 所以这就是为什么我想问你们 我会简短地回答这个问题 我可以在数据集中设置标题 列标题 而不将数据输入到数据集中吗 我想不是 所以问题的第二部分是 我可以制作一个单行数据集 在其中用空数据命名标题
  • LLVM 中的参数转发

    我需要一些关于 转发 参数给被调用者 在 LLVM IR 中 的建议 假设我有一个函数F这就是开头所说的all模块中的其他功能 从F我需要访问 读取 传递给其直接调用者的参数 现在要做到这一点 我将调用者中的所有参数放入一个结构体中 并传递
  • 在 C++11 中使用 future、异步和线程实现搜索

    我想以多线程方式实现分支定界搜索 特别是 我想使用async包装每个分支的搜索调用 然后等待某个线程给出答案 然后退出 理想情况下 我想取消其他线程 但线程取消不在标准中 这是一些简化的代码 include
  • 测验游戏的线程计时器

    我必须在大学里用 Python 做一些练习 所以我需要构建一个问答游戏 要求是 正确答案得 1分 错误答案得 1分 玩家必须在 20 秒内回答每个问题 如果玩家回答的时间超过 20 秒 即使他的回答正确 他也会得到 1 分 我刚刚尝试过th
  • SurfaceView示例代码

    我需要 Android 的示例教程SurfaceView 或者使用它的可以共享的示例代码 API 演示对我来说很难理解 有人有替代方案吗 这次提交 https github com johnnylambada WorldMap commit
  • 如何在 Spring Boot 集成测试中自动装配存储库?

    我正在尝试编写集成测试 但在测试中自动装配存储库时遇到问题 我收到这个异常 org springframework beans BeanInstantiationException 无法实例化 org observer media repo
  • 如何告诉 VS Code 格式文档在一定长度后换行? [复制]

    这个问题在这里已经有答案了 In Visual Studio Code when you press ALT SHIFT F to format HTML document VS Code would wrap a line that is
  • MailChimp 合并变量除了 FNAME 和 LNAME 之外还接受什么?

    我已经使用电子邮件地址 姓名实现了非常基本的注册 尽管我现在想添加额外的数据 例如电话号码 网站等 我的问题是在哪里API doc http apidocs mailchimp com api 1 3 我能找到除了 FNAME 和 LNAM
  • Android 中的 SQLite 查询来计算行数

    我正在尝试创建一个简单的登录表单 将在登录屏幕上输入的登录 ID 和密码与存储在数据库中的登录 ID 和密码进行比较 我正在使用以下查询 final String DATABASE COMPARE select count from use
  • 如何在django多表继承中将现有父级与子级关联

    我有一个现有的父实体 其中包含许多现有记录 class Entity models Model name models CharField Name max length 64 db index True 我还有使用 django 多表继承
  • React-bootstrap 选项卡 - 内容未显示

    选项卡不显示内容并且选项卡上没有样式 选项卡不显示内容 这是代码 我该如何解决这个问题 我究竟做错了什么 这段代码与react bootstrap页面上的代码几乎相似 simple tabs js import React Componen
  • 如何在javascript中获取div和完整的内部内容?

    我想在 javascript 中获取 div 内部内容 Ex div style height 20px content br content br content br div 这是我的 html 代码 我只知道div id 内容 但我想