JS 通过innerhtml获取元素属性引号丢失

2024-10-17

使用innerHTML获取HTML代码时，HTML标记属性的双引号好多都消失不见了，原来是属性值中包含空格才会保留双引号

最近搞的一个项目中所使用的方式比较奇怪,用Label显示HTML内容,然后不断地使用JS把Label的innerHTML复制到TextBox中. 但是,昨天发现了一个问题,获取元素值的时候,有时候正常,有时候不正常,然后进入了漫长的DEBUG.. 调试过程中,监测Label和TextBox的值,发现获取到Label的值是未被改变的,控件加载的时候是怎样就怎样,在页面中是以SPAN元素显示,在查看网页源代码的时候可以看到被修改了,但是在后台无论怎么获取都是页面加载时赋予的未经修改之前的值. 而Te

js动画之获取元素属性

首先我们要介绍一些知识 offsetWidth element.offsetWidth = width + padding + border; width 我们也知道element.style.width 这个属性一般用来修改属性,那么在获取这个属性的时候, 如果这个元素的的样式是定义在css的文件或者头样式中,都是获取不到的,只有行内样式才是获取到 <!DOCTYPE html> <html lang="en"> <head> <meta c

JS中获取元素属性的逆天大法

给大家聊下js中获取元素属性的逆天大法,胆小慎入,切记切记!!! innerHTML.outerHTML.innerText .outerText.value.text().html(),val() 这些方法,大家应该用过,如果让你说出它们的一些区别和联系,能答得上来吗?接下来让我们一起来温故下. innerHTML.outerHTML.innerText .outerText.value 属于原生javascript的方法. text().html(),val()属于jQuery中的方法. 第

JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性）

JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性二.设置元素的属性三.删除元素的属性一.获取元素的属性 1-原生JS 获取属性 .getAttribute("属性") 2-jquery 获取属性 .attr("属性") 示例代码 /*jq获取属性*/ var temp = $('.test1').attr('class'); /*js获取属性*/ var temp = document.getElem

JQ方法实用案例///鼠标移动到div和修改ipt中弹窗、CSS鼠标变小手、JQ获取元素属性、JQ选择器

今天学习了jQ,jQ对js的帮助很大,菜鸟教程上也有属性.可以查看 js 和 jquery主要的区别在 dom 想用jquery 必须先引入(顺序问题) 先css 再js: 先框架css再自己css 先jquery 再框架在自己鼠标移动到div和修改ipt中弹窗 <!doctype html> <html> <head> <meta charset="utf-8"> <title>鼠标移动

原生JS与JQ获取元素的区别

刚学JQ不久,有时候可能会把JS和JQ获取元素的方式搞错,接下来获取属性方法什么的就一发不可收拾了,现在把两者获取获取元素的代码整理下. 一.原生JS获取元素. 1.常用的三种方式获取元素对象(将指定的元素封装成DOM对象): (1)通过元素ID获取:document.getElementById(),示例如下: 我们在控制台输出,结果如下: 可以看到我们获取到了id为div1的元素代码了 (2)通过元素标签名获取:document.getElementsByTagName(),它以数组的形式返

UI自动化之特殊处理四（获取元素属性\爬取页面源码\常用断言）

获取元素属性\爬取页面源码\常用断言,最终目的都是为了验证我们实际结果是否等于预期结果目录 1.获取元素属性 2.爬取页面源码 3.常用断言 1.获取元素属性获取title:driver.title() 获取元素文本:driver.find_XX().text 获取元素标签:driver.find_XX().tag_name 获取元素的其他属性的值:driver.find_XX().get_attribute("class") 获取class属性的值获取文本框输入的值:drive

appium+python自动化：获取元素属性get_attribute

使用get_attribute()获取元素属性,括号里应该填写什么? 查看appium源码如果是获取resource-id,填写resourceId self.driver.find_element(MobileBy.XPATH, "//*[contains(@resource-id,'followed_btn')]").get_attribute('resourceId') 如果是获取text,填写text,不是name,这是不准确吗? self.driver.find_eleme

JS获取元素属性

JS获取元素属性和自定义属性

获取元素的属性分为两种类型: 1-获取元素常见的属性(class,id,type,value……) 2-获取自定义的元素的属性(data-value,data-mess…….) 获取元素的属性,设置元素的属性: 1-原生JS 设置属性 .setAttribute("属性","值") 获取属性 .getAttribute("属性") 2-jquery 设置属性 .attr("属性","值") 获取属性 .at

js+jquery动态设置/添加/删除/获取元素属性的两种方法集锦对照(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

自动化测试基础篇--Selenium获取元素属性

摘自https://www.cnblogs.com/sanzangTst/p/8375938.html 通常在做断言之前,都要先获取界面上元素的属性,然后与期望结果对比. 一.获取页面title 二.获取文本三.获取元素标签四.获取元素其他属性获取其它属性方法:get_attribute("属性"),这里的参数可以是class.name等任意属性五.获取浏览器名称六.参考代码 #!/usr/bin/env python # -*- coding: utf-8 -*- # @A

JQ获取元素属性值

最近在学习JAVA Web,自己也是做个下列表左右选择的小案例. 获取某个元素的属性值一直以为是要调用atrr方法,不过好像获取元素的数组形式再遍历每个元素的时候想获取到它的属性值用attr方法有问题,自己在控制台看下确实是出现报错,自己也是刚入门不久,对这种情况还是不太清楚什么原因之后发现后面直接跟着属性名就可以获取到属性值了! 还是得积累经验啊

robotframework，移动端（小程序）自动化，获取元素属性值的方法

如下图,获取商品价格属性值显示在content-desc内传统的get text指定是无法获得到这个元素指定属性的值的只有通过使用AppiumLibrary.get element attribute指令来获得,写法如下 ${a} AppiumLibrary.get element attribute xpath=//android.view.View/android.view.View[13] name log ${a} 注意content-desc部分得写成name,否则依然

原生js来写获取元素距离顶部距离，以及滚动条滚动指定距离和时间控制

这是我在写vue项目里封装的一个公共js类里面还有一些其他的方法,一并拿过来了 class Public { isDesktop(){ //判断是否为pc端 return (window.screen.width > 1023) ? true : false; } /* * formatMoney(s,type) * 功能:金额按千位逗号分隔 * 参数:s,需要格式化的金额数值. * 参数:type,判断格式化后的金额是否需要小数位. * 返回:返回格式化后的数值字符串. */ formatM

获取元素属性get_attribute

获取text # coding:utf-8 from appium import webdriver from time import sleep desired_caps = { 'platformName': 'Android', 'deviceName': '127.0.0.1:62001', 'platformVersion': '4.4.2', 'appPackage': 'com.baidu.yuedu', 'appActivity': 'com.baidu.yuedu.splash

js通过class获取元素

<!doctype html> <html> <head> <meta charset="utf-8"> <meta charset="utf-8"> <title>通过class获取元素</title> <style> #box div { width:100px; height:100px; border:1px solid red; margin:10px; } #

JS——通过标签获取元素、循环语句、数组去重

通过标签获取元素: var aLi = document.getElementsByTagName('Li'); aLi[0].style.backgroundColor = 'gold'; 选中部分li操作: var oList = document.getElementById('list01'); var aLi = oList.getElementByTagName('li'); alert(aLi.length); for循环: var oList = document.getElem

js获取元素属性值为空的原因和解决办法

问题描述:js获取某元素的属性值为空代码:  <style> #box{ width: 100px; height: 100px; background:#333; } </style>  <body> <input type="button" value="变色" id="btn"> <div

JS备忘--子父页面获取元素属性、显示时间，iframe之间互相调用函数

//页面加载完成后执行 $(function () { getHW();}); //当用户改变浏览器大小改变时触发 $(window).resize(function () { setHW(); }); //每500毫秒运行一次 window.setInterval("getH()", 500); //获取页面的高度,并传给父页面的元素 function getSubPageH() { var parentWorkDiv = $("#workDiv", parent

JS获取元素属性、样式getComputedStyle()和currentStyle方法兼容性问题

1. getComputedStyle() 方法获取到的是经过计算机/浏览器计算后的样式 getComputedStyle($("#div")).width; 兼容性:IE6 7 8不兼容 2. $("#div").currentStyle(width); 兼容性:FF不兼容.标准浏览器不兼容 3.$("div").style.width 只能得到行间样式,如果样式没写在行业,就得不到了 $("#div").style.

JS 通过innerhtml获取元素属性引号丢失

热门专题