在Script通过name或者ID访问元素

BIRT中访问XML结构树元素限制及注意事项
最新推荐文章于 2025-04-07 09:43:54 发布
原创 最新推荐文章于 2025-04-07 09:43:54 发布 · 407 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#php

本文详细探讨了在BIRT环境中通过访问XML结构树元素时遇到的限制，强调了从根节点到目标元素路径上的访问规则，并提醒开发者在执行如fetch等操作时应注意元素创建顺序，确保正确获取所需信息。
[url]http://www.birt-exchange.org/org/forum/index.php/topic/16469-get-element-by-id/page__p__52772&#entry52772[/url]

reportContext.getDesignHandle().findElement("exception_lab").text = "test"
reportContext.getDesignHandle().getElementByID(1639798769111).text="报a表出现异常";


这个访问方式好像有限制,就是在xml的结构树上,只能在根节点到要访问的元素的那一条线包含的元素访问

比如:
在BIRT上的OutLine上结构是:
root->
ele1-->......
ele2-->
ele3[name='exception_lab', id='1639798769111']
那么 不能在ele1的事件里面调用到ele3这个元素?????好像是......只能在root-->ele2-->ele3这条线上访问到.

[b]是可以的, 但是应该注意顺序:比如你去dataset那里的fetch调用body下面的元素,是调用不到,应该是fetch的时候,body的部分都还没创建.[/b]
WEB自动化（JAVA版）——元素定位（id、name、tagName、className、linkText & partialLinkText）
anniewhite的博客
04-06 911
目录Chrome自动化环境问题点 Chrome自动化环境问题点
探析在jQuery框架下操作HTMLDOM元素.pdf
01-02
·基本选择器，根据id值、class类、标签元素等进行选择，如$(”#name”)选择id值为name的元素；$(”div”)选择所有的div标签元素。 ·层叠选择器，如$(”form input”)选择所有的form元素中的input元素；$(”A >B”...
.vue文件中组件名称的设置，＜script＞标签的 name 属性说明
BillKu的博客
04-07 1536
在中直接写name属性不报错，是因为插件在编译阶段处理了这一特性，将其转换为合法的组件选项。这是对Vue SFC编译流程的扩展，并非Vue原生支持的功能。
实现＜script＞标签使用name绑定组件名称
weixin_73060959的博客
08-30 307
在vite.config添加配置import VueSetupExtend from 'vite-plugin-vue-setup-extend'后续可以在标签使用name对组件命名。
$_SERVER[PHP_SELF] - $_SERVER[SCRIPT_NAME] - $_SERVER['REQUEST_URI']
weixin_33815613的博客
10-10 213
$_SERVER[PHP_SELF]， $_SERVER[SCRIPT_NAME], $_SERVER['REQUEST_URI'] 在用法上是非常相似的，他们返回的都是与当前正在使用的页面地址有关的信息，这里列出一些相关的例子，帮助确定哪些是在你的脚本最适合的。 $_SERVER[’PHP_SELF’] http://www.yoursite.com/example/ — – — /exampl...
JavaScript通过，id,name,标签，选择器，获取元素。(随笔记录生活)
qq_41371858的博客
11-12 8932
//根据id 获取元素. 列 :id获取元素 //根据name获取元素 //getElementsByName的返回值是一个List //NodeList 类型 使用的时候，你们懂的：raios[n] //根据标签获取元素 fdsa fdfs fdsaf //根据选择器获取元素 fdsa (随笔记录生活) ...
php script name,PHP_SELF，SCRIPT_NAME，REQUEST_URI区别
weixin_39874379的博客
03-09 306
$_SERVER[PHP_SELF]， $_SERVER[SCRIPT_NAME], $_SERVER['REQUEST_URI'] 在用法上是非常相似的，他们返回的都是与当前正在使用的页面地址有关的信息，这里列出一些相关的例子，帮助确定哪些是在你的脚本最适合的。$_SERVER['PHP_SELF']当我们使用$_SERVER['PHP_SELF']的时候，无论访问的URL地址是否有index....
javascript通过元素id和name直接取得元素的方法
12-02
在JavaScript中，你可以直接通过ID来访问元素，因为浏览器会将ID为`<element_id>`的元素转换为全局变量`element_id`，只要这个ID不与已有的JavaScript内置属性或全局变量冲突。例如，如果你有一个ID为`btn_ok`的按钮...
js中利用tagname和id获取元素的方法
10-23
数组法适合于需要对元素进行频繁操作或需要通过索引快速访问元素的场景；函数法则适合于需要高度封装和复用获取元素逻辑的场景。掌握并熟练运用这三种方法，可以帮助前端开发者写出更加高效和可维护的代码。
动态创建script标签实现跨域资源访问的方法介绍
09-04
由于浏览器的同源策略限制，JavaScript通常只能访问与当前页面同源的资源，但通过动态创建`<script>`标签，我们可以绕过这一限制，向不同源的服务器请求数据。 在给定的示例中，`login.html`文件中的JavaScript代码...
【VUE3】vue3直接在script标签上定义组件的name值，使用vite插件 vite-plugin-vue-setup-extend
F02528的博客
03-27 2203
在vue3中虽然 vite 会根据组件的文件名自动生成组件名，但是需要自定义的组件名时，​ 可以使用vite插件 vite-plugin-vue-setup-extend ​
你真的了解html吗？--之script标签介绍
西瓜地
12-28 7841
一．属性：src：该属性指定外部JavaScript文件的地址，可以跨域。如果指定了该属性，那么script标签中的内容就会被忽略。 type：指定所使用的脚本语言，可以覆盖默认的脚本语言（即在中定义的脚本类型）开发者必须指定该属性，该属性没有默认值。 language：（不赞成使用），指定script标签的内容所使用的脚本语言，该属性的值是一些语言的标示符，但是由于语言的
JavaScript系列一： 相关概念与script标签
weixin_40301746的博客
04-19 1615
文章目录JavaScript 概念ECMAScriptDOM：与网页内容交互的方法与接口BOM：与浏览器交互的方法与接口HTML 中的 JavaScriptXHTMLXHTML 与 HTML 的主要区别XHTML 与 HTML5CDATA块页面的加载和渲染过程⏰ script 标签属性`async``defer``src`动态加载脚本noscript 标签 JavaScript 概念 ECMAScript ECMA，读音类似 “ec ma”，是欧洲计算机制造商协会（European Computer M
JavaScript
qq_45794778的博客
03-04 472
1.JavaScript介绍 Javascript语言诞生主要是完成页面的数据验证。 JS是弱类型，Java是强类型。 特点： 交互性 安全性 跨平台性 2.JavaScript和html代码的结合方式 2.1 方式1 在head标签中，或者在body标签中，使用script标签来书写JavaScript代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &lt
JQ获取name为test的input文本框中的内容
小白成神路
05-25 6325
获取name为test的input文本框中的内容的jQuery代码为： $("input:text[name='test']").val()； jQuery提供了三个简单实用的用于获取元素内容的方法： text()  —— 设置或返回所选元素的文本内容 html() —— 设置或返回所选元素的内容（包括 HTML 标记）
Vue3.0 script setup如何设置name进行页面缓存
qq_30994727的博客
03-17 5086
vue3.0之后使用script setup无法定义name属性，目前暂时实现了2个方案 1、手动给路由Component添加name slot传回来的Component官网没给类型，跟vnode很像 此方法获取在路由定义的name属性，不需要在页面定义name属性 <template> <router-view v-slot="{ Component, route }"> <KeepAlive :include="includes">
javascript中的name以及关键字
line233的博客
09-25 4446
做表单验证时，将name命名为变量“var name=document.getElementById("name");”,用谷歌浏览器 打开页面，还未输入文本时检测用户名输入文本长度，应该长度为0的，但是发现没有什么卵用，将变量名改为name1之后就好了。 这让身为小白的我很好奇，经过查找资料发现name具有特殊之处，它不是javascript的关键字，也不是保留字（保留字在某种意思上是为将来的...
Java driver.executeScript 找元素id读取内容
最新发布
06-18
<think>我们正在使用JavaSelenium的executeScript方法来通过ID查找元素并获取其内容。思路：1.使用JavaScript的document.getElementById来查找元素。2.获取元素的内容，可能是innerText、innerHTML或value等，具体取决于元素类型。3.使用driver.executeScript执行JavaScript代码并返回内容。注意：由于executeScript返回的是Object类型，我们需要根据实际情况进行类型转换。步骤：假设我们要通过ID"myElement"获取一个元素的内容，我们可能需要这样写：如果元素是div、span等，我们可能获取innerText；如果是输入框，则获取value。我们可以编写一个通用的方法，但需要知道要获取什么属性。这里我们假设获取文本内容（innerText）或者输入框的值（value）。但通常，我们可以先获取元素，然后判断元素类型，再决定获取什么。然而，在JavaScript代码中完成这一判断可能更高效。不过，为了简单起见，我们可以先尝试获取value，如果元素没有value属性（返回null或undefined），则获取innerText。但是注意：有些元素既有innerText又有value（如textarea），我们可能需要根据需求决定。这里我们提供一个方法，允许指定属性（如'innerText'、'value'等），或者使用一个默认策略。方法1：直接获取元素，然后根据元素类型返回合适的内容（在JavaScript中判断）：我们可以写一段JavaScript代码，例如：varelement=document.getElementById(elementId);if(element){if(element.tagName.toLowerCase()==='input'||element.tagName.toLowerCase()==='textarea'){returnelement.value;}else{returnelement.innerText||element.textContent;}}else{returnnull;}方法2：更简单的方法是，我们可以使用元素的textContent属性，因为input和textarea的textContent为空，而value有值。但注意：input和textarea的textContent是空字符串，而它们的值在value属性中。所以我们可以这样：varelement=document.getElementById(elementId);if(element){returnelement.value||element.textContent;}但注意：如果元素是div等，value是undefined，所以用||会取后面的textContent。但是，如果元素是input且value为空字符串（即""），那么||也会取textContent（因为空字符串在逻辑判断中为false），而input的textContent是空字符串，所以这样写也是可以的，因为最终返回空字符串。但这样写的话，对于input，我们返回的是value，对于非表单元素返回textContent。然而，有些元素可能有value属性但不是表单元素（例如，自定义元素），所以这种方法可能不通用。根据问题，我们只需要通过ID获取元素内容。在实际使用中，我们通常知道元素的类型，所以我们可以根据情况选择使用innerText、textContent或value。因此，我们可以提供两个方法：1.通过执行JavaScript获取元素的指定属性（如"innerText"）。2.或者，如果我们不确定，可以先用Selenium的WebElement获取元素，然后用Selenium的方法获取文本或属性值。但是问题要求用executeScript。这里按照要求使用executeScript，并假设我们想要获取元素的文本内容（即非表单元素）或表单元素的值。我们可以写一个方法，尝试获取value，如果获取不到（或者获取到的是空字符串）且元素不是输入类型，则获取文本内容？但是这样逻辑复杂，且不一定准确。因此，我建议根据已知的元素类型来选择获取方式。如果必须用一个方法处理多种情况，我们可以这样写JavaScript代码：```javaStringscript="varelement=document.getElementById(arguments[0]);"+"if(element){"+"returnelement.value!==undefined?element.value:(element.innerText||element.textContent);"+"}else{"+"returnnull;"+"}";Stringcontent=(String)((JavascriptExecutor)driver).executeScript(script,elementId);```但是注意：value属性在input中可能是undefined吗？实际上，对于input元素，value是标准属性，不会undefined，但是可能为空字符串。而innerText和textContent对于input元素也是存在的，但是为空字符串。所以上述代码对于input元素，返回value（因为value不为undefined），对于div等元素，返回innerText（如果浏览器支持）或textContent。但是，如果元素是input，但value属性被删除（虽然不太可能），那么就会返回文本内容（但input元素没有文本内容，所以返回空字符串）。这种情况可以接受。另外，innerText和textContent的区别：innerText返回可见文本，textContent返回所有文本（包括隐藏的）。我们这里使用element.innerText||element.textContent，因为有些元素可能不支持innerText（如SVG元素），但大多数HTML元素都支持。但是，为了更好的兼容性，我们可以只使用textContent，因为textContent是标准属性。那么代码可以改为：```javaStringscript="varelement=document.getElementById(arguments[0]);"+"if(element){"+"returnelement.value!==undefined?element.value:element.textContent;"+"}else{"+"returnnull;"+"}";```但是，对于input元素，我们返回value，对于其他元素返回textContent。注意：textarea元素也有value属性，所以也会返回value。因此，我们可以这样写。然而，有些元素（如select）呢？select元素也有value属性，表示选中的option的value，所以返回value也是合理的。所以这个脚本可以覆盖大多数情况。使用示例：假设driver已经初始化，我们可以这样调用：```javaimportorg.openqa.selenium.JavascriptExecutor;//...publicStringgetElementContentById(Stringid){Stringscript="varelement=document.getElementById(arguments[0]);"+"if(element){"+"returnelement.value!==undefined?element.value:element.textContent;"+"}else{"+"returnnull;"+"}";return(String)((JavascriptExecutor)driver).executeScript(script,id);}```注意：如果元素的内容不是字符串（比如返回的是其他类型），那么强制转换为String可能会出错。但是，value和textContent返回的都是字符串（或null），所以转换为String是安全的。另外，如果元素存在但返回空字符串，也是正常的。如果元素不存在，则返回null。但是，如果元素存在，但value属性不是字符串（虽然不太可能），那么可能会出错。不过，在HTML元素中，value和textContent都是字符串。所以这个方法基本可行。另一种做法：我们也可以直接使用Selenium的WebElement方法，但问题要求使用executeScript，所以我们用上述方法。完整示例代码：```javaimportorg.openqa.selenium.JavascriptExecutor;importorg.openqa.selenium.WebDriver;publicclassGetElementContent{privateWebDriverdriver;publicGetElementContent(WebDriverdriver){this.driver=driver;}publicStringgetElementContentById(StringelementId){//定义JavaScript脚本Stringscript="varelement=document.getElementById(arguments[0]);"+"if(element){"+"if(element.value!==undefined){"+"returnelement.value;"+"}else{"+"returnelement.textContent;"+"}"+"}else{"+"returnnull;"+"}";//执行脚本Objectresult=((JavascriptExecutor)driver).executeScript(script,elementId);returnresult!=null?result.toString():null;}}```注意：我们使用result.toString()而不是直接强转为String，因为如果返回的是数字，toString()可以转换，但这里返回的value和textContent都是字符串，所以也可以直接强转。但是，如果返回null，则toString()会抛出空指针异常，所以我们在调用toString()前判断不为null。或者，我们也可以这样处理：if(result==null){returnnull;}return(String)result;但是，实际上，如果JavaScript返回null，那么result就是null。如果返回的是其他类型，比如数字（虽然不太可能），那么强转String会失败。所以为了安全，我们可以使用String.valueOf(result)，这样即使result是null，返回字符串"null"，但我们希望元素不存在时返回null，所以这里还是用条件判断。因此，修改为：returnresult==null?null:String.valueOf(result);这样，如果元素不存在，返回null；如果元素存在，返回字符串（包括空字符串）。但是，注意：如果元素存在，但value是null（几乎不可能，因为HTML元素的value属性不会为null），那么String.valueOf(null)会返回"null"字符串，这不符合预期。不过，在HTML中，value属性要么是字符串，要么是undefined（对于没有value属性的元素），所以不会出现null。因此，我们可以这样写：```javapublicStringgetElementContentById(StringelementId){Stringscript="varelement=document.getElementById(arguments[0]);"+"if(element){"+"if(element.value!==undefined){"+"returnelement.value;"+"}else{"+"returnelement.textContent;"+"}"+"}else{"+"returnnull;"+"}";Objectresult=((JavascriptExecutor)driver).executeScript(script,elementId);if(result==null){returnnull;}returnresult.toString();}```或者，更简洁地：returnresult!=null?result.toString():null;因为result如果是字符串，toString()就是字符串本身；如果是数字，则转换为字符串；如果是null，我们返回null。但注意，JavaScript返回的value和textContent都是字符串或null（元素不存在时），所以result在元素存在时一定是字符串（包括空字符串）？实际上，对于textContent，它返回的是字符串（可能为空字符串），value也是字符串。所以result在元素存在时不会是数字等其他类型。因此，这样写是安全的。另外，我们也可以使用textContent来获取所有文本内容，包括隐藏的，而innerText只获取可见的。这里根据需求，我们选择textContent。最后，我们提供一个使用示例：```javaStringcontent=getElementContentById("username");if(content!=null){System.out.println("元素内容:"+content);}else{System.out.println("元素不存在");}```这样，我们就实现了通过ID查找元素并获取其内容的功能。注意：如果元素是隐藏的，textContent也会返回内容，而innerText则不会（如果元素不可见，innerText返回空字符串）。但这里我们使用textContent，所以无论元素是否可见，都会返回内容。如果需要只获取可见文本，则应该使用innerText，但innerText不是所有元素都支持（比如旧版Firefox对SVG元素不支持innerText），所以需要根据实际情况调整。如果我们需要获取可见文本，那么可以修改脚本，使用innerText，并做兼容处理：returnelement.innerText||element.textContent;但是，innerText和textContent在元素隐藏时的行为不同。所以请根据需求选择。这里我们默认使用textContent，因为问题没有特别说明。因此，最终代码如上。如果我们需要根据需求灵活获取不同的属性，可以再增加一个参数，指定要获取的属性名（如"value","innerText","textContent"等），但问题没有要求，所以不展开。总结：我们通过executeScript执行JavaScript代码，通过ID获取元素，然后根据元素是否有value属性来决定获取value还是textContent，最后将结果转换为字符串返回。注意：如果元素的内容很多（比如大段文本），使用executeScript也是可行的。另外，如果页面中有iframe，则需要先切换到iframe中，否则无法获取到iframe内的元素。这一点需要注意。以上就是在Java中使用Selenium的executeScript方法通过ID查找元素并获取其内容的实现。</think>在 Java Selenium 中，使用 `driver.executeScript()` 方法通过 ID 查找元素并获取其内容的完整实现如下： ### 核心实现代码 ```java import org.openqa.selenium.JavascriptExecutor; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; public class ElementContentGetter { public static void main(String[] args) { // 设置 WebDriver 路径 System.setProperty("webdriver.chrome.driver", "path/to/chromedriver"); WebDriver driver = new ChromeDriver(); try { driver.get("https://example.com"); // 通过 JavaScript 获取元素内容 String elementId = "targetElementId"; String script = "var element = document.getElementById(arguments[0]);" + "return element ? element.textContent : 'Element not found';"; // 执行 JavaScript JavascriptExecutor js = (JavascriptExecutor) driver; String content = (String) js.executeScript(script, elementId); System.out.println("元素内容: " + content); } finally { driver.quit(); } } } ``` ### 关键点说明 1. **JavaScript 执行逻辑**： ```javascript // 查找元素 var element = document.getElementById(arguments[0]); // 返回元素的文本内容（不存在时返回提示） return element ? element.textContent : 'Element not found'; ``` 2. **常用内容获取方式**： - `element.textContent`：获取所有文本内容（包括隐藏文本） - `element.innerText`：获取可见文本内容 - `element.innerHTML`：获取包含 HTML 标签的内容 - `element.value`：获取输入框的值 3. **执行流程**： ```mermaid graph TD A[启动浏览器] --> B[导航至目标网页] B --> C[构建JavaScript查询脚本] C --> D[执行executeScript方法] D --> E{元素是否存在？} E -- 存在 --> F[返回textContent] E -- 不存在 --> G[返回错误提示] F --> H[输出内容] G --> H ``` ### 不同场景的脚本变体 1. **获取输入框的值**： ```java String script = "return document.getElementById(arguments[0]).value || ''"; ``` 2. **获取带 HTML 的内容**： ```java String script = "var el = document.getElementById(arguments[0]);" + "return el ? el.innerHTML : null"; ``` 3. **带错误处理的增强版**： ```java String script = "try {" + " return document.getElementById(arguments[0]).innerText;" + "} catch(e) {" + " return 'ERROR: ' + e.message;" + "}"; ``` ### 注意事项 1. **元素加载时机**：确保元素已完成加载，必要时添加等待： ```java new WebDriverWait(driver, Duration.ofSeconds(10)) .until(ExpectedConditions.presenceOfElementLocated(By.id(elementId))); ``` 2. **返回值处理**： - 返回 `null` 表示元素不存在 - 返回空字符串表示元素无内容 - 使用 `instanceof` 检查返回类型： ```java Object result = js.executeScript(script, elementId); if (result instanceof String) { // 处理字符串内容 } ``` 3. **跨 iframe 访问**：需先切换到目标 iframe： ```java driver.switchTo().frame("iframeName"); // 再执行 JavaScript 查询 ``` 此方法直接通过浏览器 DOM 接口访问元素，比常规 Selenium 方法更快，但需注意脚本的跨浏览器兼容性[^1]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值