如何根据元素的 ID 在 console.log 中打印值?

2024-01-16

<input id="email" name="email" type="text" value="[email protected] /cdn-cgi/l/email-protection">

如何获取 id=email 的值并将其打印到我的控制台或任何地方以进行测试?

我尝试过,但没有运气:(

<script type="text/javascript">
    document.getElementById('email').innerText;
</script>

有两种类型的元素

  1. 块 - 这些可以通过 - 访问.innerHTML or .html()在jquery中,比如div的span等
  2. 非块元素 - 这些可以通过以下方式访问.value or .val()在 jquery 中,如输入类型等

你需要做的就是

console.log($('#email').val())  //jquery

or 

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

如何根据元素的 ID 在 console.log 中打印值? 的相关文章

  • IntersectionObserver是否支持水平滚动观察?

    我制作了几个垂直滚动 IntersectionObserver 模块 但我对水平滚动感兴趣 根将是 div 观察目标将是 img 我想观察当 img 放大但 div 保持视口宽度时的变化 我什至不确定移动 Safari 是否会将缩放后的图片
  • JavaScript 验证和 PHP 验证?

    我正在使用 jquery 验证插件来验证空表单 我还应该在 PHP 中检查一下以确保 100 正确吗 或者用 javascript 验证就可以了 谢谢 您应该始终在服务器上进行验证 如果用户以某种方式不使用 Javascript 提交表单
  • javascript 选择自定义光标 (svg)

    我正在动态地将光标更改为悬停时的本地 svg element on mouseover function this css cursor url svgs pointer svg 9 30 auto 工作正常 但我想选择该 svg 来操纵其
  • React autoFocus 将光标设置为输入值的开头

    我有一个受控输入 最初显示一个值 我已将该输入设置为自动聚焦 但当我希望它出现在末尾时 光标出现在输入的开头 我知道这可能是因为自动对焦是在值之前添加的 但我不能 100 确定 在输入字段末尾完成光标初始化的最佳方法是什么 var Test
  • JavaScript推送函数中的动态变量

    我在 JavaScript 中使用推送功能 var chartData for var i 0 i lt 3 i chartData push date new Date year s mon s date s hr s min s sec
  • onclick 事件中未调用函数

    我想在每个 YouTube 链接的末尾添加一些 HTML 以在 litebox 中打开播放器 到目前为止 这是我的代码 document ready function var valid url new RegExp youtube com
  • 如何在另一个自定义 Hook 中使用返回值的自定义 Hook?

    我正在使用 React native 其中有一个名为的自定义 HookuseUser使用以下方法从 AWS Amplify 获取用户信息Auth getUserInfro方法 然后获取返回对象的一部分并用它设置一个状态变量 我还有另一个名为
  • 为什么我的交互式图像仅在 Internet Explorer 上出现故障?

    我的问题 我为自己制作了一个图像地图 交互式图像 它在 Chrome safari 和 Firefox 上完美运行 然而 当我在可怕的互联网浏览器上尝试它时 它真的很糟糕 这些小点应该扩展到更大的盒子中 在互联网浏览器上它要么不起作用 要么
  • 具有 100% 高度行和 Internet Explorer 9 的表格

    我有以下示例 div style height 150px background color AAAAFF div
  • JavaScript eval("{}") 返回行为?

    根据ECMA 262 规范 http www ecma international org publications files ECMA ST Ecma 262 pdf 以下语句返回1 eval 1 eval 1 eval 1 var a
  • 聆听 Angular 2 中的元素可见性

    我正在为我的网络应用程序使用 Bootstrap 和 Angular 2 v4 我想监听指令中的元素以了解可见性变化 我的元素有一个可以隐藏其子元素的父元素hidden sm up我需要在每次隐藏或显示时触发一个函数 div hidden
  • 使用 Javascript 设置 cookie [重复]

    这个问题在这里已经有答案了 我正在尝试构建我的第一个移动应用程序 它需要连接到我的 mysql 数据库并使用 json 返回数据 这很好 目前我有一个登录系统 一旦确定用户名和密码存在 它就会返回一条成功消息 对于下一步 我想在我的页面上使
  • 如何使用 JavaScript 或 jQuery 克隆 HTML 元素的样式对象?

    我正在尝试克隆元素的样式对象 这应该允许我在更改后重置所述元素的样式 例如 el style left 50px curr style left 50px Modify the elements style The cloned style
  • 如何从浏览器向服务器发送“页面将关闭”消息?

    我想向每个 html 文档添加一个脚本 JavaScript 该脚本向服务器发送两条消息 页面确实打开了 页面将关闭 此消息包含页面打开的时间 打开消息应在文档加载时 或加载完成时 发送 这是简单的部分 The close message
  • 使用 CSS 折叠和展开元素

    我正在尝试构建一个页面 加载时仅可见标题 并且 当用户单击标题时 每个标题下方的表格会在隐藏和显示状态之间切换 我的限制是只能在 CSS 中执行此操作 这是我到目前为止想到的 https jsfiddle net Argoron c1ypx
  • 主页(网格)上的缩略图现在显得模糊。如何纠正?

    我不知道这看起来是否愚蠢 但从早上开始我就无法纠正这个突然出现在我的博客网站上的错误www candidopinions in http www candidopinions in 我有一个网格视图模板 其中博客文章中的特色图像作为调整大小
  • Highcharts jQuery 渲染问题 - 所有浏览器

    我在尝试使用构建堆积柱形图时遇到了一个奇怪的问题高图表 http www highcharts com 当图表呈现时 在您调整浏览器大小之前 不会显示列无论如何 导致图表重绘 我认为 图表的其余部分显示 轴 标题等 但不显示列本身 我在 I
  • 如何从 json 文件创建模型? (ExtJS)

    这是我想使用 json 文件创建的模型 Ext define Users extend Ext data Model fields name user id type int name user name type string 为了根据服
  • 没有输入的 jQuery 日期选择器

    我有一个相当复杂的网络应用程序 我想向其中添加一些日期选择 UI 我遇到的问题是我无法从文档中弄清楚如何真正控制日期选择器的出现方式和时间 不涉及任何表单元素 不 我不会添加秘密表单字段 因此简单的开箱即用方法根本行不通 我希望有人可以提供
  • 使用velocity.js制作可拖动元素的动画

    我正在使用velocity js 为用户拖动的可拖动 SVG 元素设置动画 然而 velocity js 将先前的 mousemove 坐标排队并通过所有后续的 mousemove 坐标进行动画处理 我想要的是velocity js 不要对

随机推荐

  • JQuery 将类添加到克隆元素

    这是我的脚本 addprop click function clone clone insertAfter addprop 我需要向正在创建的新元素添加一个类 是否可以 是的 addprop click function clone clo
  • sql选择多行的最早日期

    我有一个如下所示的数据库 circuit uid customer name location reading date reading time amps volts kw kwh kva pf key cu1 cb1 r1 Custom
  • heroku 还有其他搜索选项吗

    我即将推出一个测试版网站 并且heroku看起来是一个不错的选择 唯一让我失望的是 Websolr 附加组件的唯一搜索选项是 20 美元 月 我确信 Websolr 很棒 但在这个项目的早期阶段 我宁愿不花这笔费用 有没有免费的搜索选项可以
  • 使用 OpenSSL 解密字符串在终端中有效,但在 PHP 脚本中无效

    我正在尝试解密一个文件 我可以使用以下字符串在终端中使用 OpenSSL 对其进行解密 openssl enc d aes 192 ecb in file crypt out file K 0123456789abcdef iv 0 但是
  • 如何将 PHP glob 指向特定目录?

    所以我得到了这段代码来列出目录中的所有 jpg 图像 但它只适用于我的根目录 我不知道如何将它指向我的图像目录 ul li a href gt img src gt a li ul 有人能帮我吗 这应该有效 glob images N T
  • 撰写中两个活动之间的共享元素转换?

    目前是否有任何东西可以允许在 Jetpack Compose 中使用共享元素动画在结果列表和详细信息屏幕之间制作经典过渡动画 就像是 我知道一些实验库允许这样做 但它们都适用于单一活动 我想知道更传统的方法有两个活动 The 官方 Jetp
  • angularJS:页面刷新时更改图像。否则(如果不刷新)想在5秒内自动更改

    这里创建了一个页面形象改变而页面刷新 从这个问题在 angularJS 中刷新页面时更改图像 https stackoverflow com questions 42948044 change image when page refresh
  • 在java中将关联、聚合和组合转换为代码?

    我知道java中关联 聚合和组合的转换有不同的表示方式 但是当我们将它们转换为代码 java类 时 它们都以相同的方式表示 就像老师教的学生一样 关联将用具有班级老师实例变量的学生类来表示 部门有教授 聚合也将用具有班级教授实例变量 数组
  • 如何在 PHP 中解析 JSON 对象?

    我有一个 JSON 对象 正在发送到 PHP 脚本 但在解析 JSON 时遇到问题 这是 POST 请求 http mywebsite com action somefunction 22id 22 1 22Name 22 22Mike 2
  • Firebase如何为树深处的2级随机ID的子级编写安全规则

    我有一个名为 people 的数据库节点 如下所示 people UserID1 which is a random id UserId2 which is a random id name some name id UserId2 ima
  • 指令中0x0表示什么

    什么是0x0在以下指令中注明 lea 0x0 esi eiz 1 esi 整个语句是一个很棒的 noop 它看起来是一个 7 字节的 noop http www technovelty org code arch noop html htt
  • Python:编译成 Unix 命令行应用程序

    我不确定我是否搜索了错误的术语 但我在这个主题上找不到太多内容 我在 osx 上 我想将命令行 python 脚本编译成一个小型命令行应用程序 我可以将其放入 usr local bin 中 这样我就可以从任何地方调用它 有没有一种直接的方
  • Celery 任务中每个查询的 Python cassandra-driver OperationTimeOut

    我对在 celery 任务中异步执行的每个插入查询 小查询 都有问题 在同步模式下 当我插入时 一切都完成得很好 但是当它在 apply async 中执行时 我得到这个 OperationTimedOut errors errors er
  • 使用 Flexbox 实现等高列

    我正在尝试构建一个具有两个独立内容组的布局 一个位于左侧和右侧 目前具有固定宽度 20 80 在每一侧 我都尝试使用 flexbox left panel 来排列内容flex direction column和右侧面板flex direct
  • 从类中调用方法

    我有 2 个表格 Form1 和 Form2 和一个班级 Class1 Form1 包含一个按钮 Button1 Form2 包含一个 RichTextBox textBox1 当我在 Form1 上按 Button1 时 我希望调用方法
  • 从 pandas DataFrame 计算 p 值

    我有一个 DataFrame 统计数据 其中包含 Multiindex 和 8 个样本 此处仅显示两个 每个样本有 8 个基因 In 13 stats Out 13 ARG 16S count mean std min sample gen
  • 视图函数未返回有效响应[重复]

    这个问题在这里已经有答案了 我正在尝试严格遵循 Miguel 的出色教程 https blog miguelgrinberg com post the flask mega tutorial part v user logins https
  • 在 MySQL 存储过程中将表作为参数发送时出现错误

    我写了一个存储过程 它执行正常 但是当我调用该过程时 它显示错误 错误代码 1327 未声明的变量 第三 请看我下面的流程 DELIMITER USE db test DROP PROCEDURE IF EXISTS test proc C
  • 如何保存当前关卡

    我正在制作一款 50 多个关卡的游戏 我似乎无法保存游戏 以便当用户稍后打开游戏时 它将处于用户离开时的同一级别 我使用以下代码从一个级别转换到另一个级别 let leveltwo levelTwo fileNamed levelTwo l
  • 如何根据元素的 ID 在 console.log 中打印值?