JS和JQ得到标签的属性和标签内的值

深藏阁楼爱情的钟 2022-06-09 09:27 138阅读 0赞

js获取html的span标签的值

<span id="testid">aaaa</span>

方法一：.innerText

var x1 = document.getElementById("testid").innerText; 
        alert("x1="+x1);

方法二：.innerHTML

var x2 = document.getElementById("testid").innerHTML; 
        alert("x2="+x2);

js获取html的标签属性

<a id="link" href="www.baidu.com" title="测试" blogname="前端开发">Web开发</a>

var ka=document.getElementByI d("link");
    alert(ka.getAttribute("id"));
    alert(ka.id);

两种方法都能弹出a标签的ID属性，但从各浏览器兼容上来说用ka.id的方式更好，但对于自定义属性blogname,则就要用getAttribute()来实现了，如：

alert(ka.getAttribute("blogname")); //前端开发

JQ  
1.得到标签内的内容分为:Text内容和HTML内容

<p id="test">这是段落中的<b>粗体</b>文本。</p>
    <button id="btn1">显示文本</button>
    <button id="btn2">显示 HTML</button>
    
    
    <script> $(document).ready(function(){ $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click(function(){ alert("HTML: " + $("#test").html()); }); }); </script>

2.获取输入框内的值

<p>姓名：<input type="text" id="test"></p>
    
    $("#test").val();

3.获取标签内属性值

<a href="这是一个测试" id="w3s">test</a>
    
    $("#w3s").attr("href");

发表评论取消回复

表情：

评论列表（有 0 条评论，138人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML标签margin和padding的默认属性值

一.h1~h6标签：有默认margin（top,bottom且相同）值，没有默认padding值。在chrome中：16,15,14,1

「爱情、让人受尽委屈。」/ 2022年09月25日 12:27/ 0 赞/ 243 阅读

相关 JS/Jquery得到Select标签显示值和value值

JS得到的方法： var obj = document.getElementByIdx_x(”testSelect”); //定位id var index =

Myth丶恋晨/ 2022年08月21日 06:48/ 0 赞/ 126 阅读

相关 标签的href和onclick属性

1. 链接的`onclick` 事件被先执行，其次是`href`属性下的动作（页面跳转，或 javascript 伪链接）； 2. 假设链接中同时存在`href` 与`on

Dear 丶/ 2022年06月10日 02:28/ 0 赞/ 211 阅读

相关 JS和JQ得到标签的属性和标签内的值

js获取html的span标签的值 <span id="testid">aaaa</span> 方法一：.innerText var x1 = docum

深藏阁楼爱情的钟/ 2022年06月09日 09:27/ 0 赞/ 139 阅读

相关 bean标签的属性和spring属性注入

bean标签的属性： id：给bean标签起的一个名字，命名没有要求（不能含有特殊字符），根据id值得到配置对象 class：创建对象

客官°小女子只卖身不卖艺/ 2022年06月06日 22:17/ 0 赞/ 170 阅读

相关 JQ和Js获取span标签的内容

[JQ和Js获取span标签的内容][JQ_Js_span] html: 1 <span id="content">‘我是span标签的内容’</span

秒速五厘米/ 2022年06月05日 07:15/ 0 赞/ 178 阅读

相关 js、jq获取和设置textArea标签的内容

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Ty

Myth丶恋晨/ 2022年03月12日 02:22/ 0 赞/ 1108 阅读

相关 Html的标签和属性

HTML标签用途熟练使用的标签 [万变不离W3C祖宗;][W3C] <table> <thead> <tr> <th>标签</th> <th

拼搏现实的明天。/ 2022年03月09日 05:08/ 0 赞/ 235 阅读

相关 H5新增的标签和属性

声明 Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。 HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览

我就是我/ 2022年02月18日 08:49/ 0 赞/ 255 阅读

相关 js动态设置css样式和标签属性值

> 使用js为css动态设置样式，有时候不起作用，或者在有的地方起作用，有的地方不起作用，没有找到原因，所以就在此记录下用到的方法 jquery的方法： 1. attr(

Myth丶恋晨/ 2022年01月26日 05:49/ 0 赞/ 241 阅读