温馨提示:本文翻译自stackoverflow.com，查看原文请点击：javascript - UI5: How to access html element defined inside view?
html javascript sapui5

javascript - UI5：如何访问视图内定义的html元素？

发布于 2020-04-18 10:43:07

我有一个UIComponent与此视图：

<mvc:View controllerName="my.components.webmap.controller.Map"
   xmlns:mvc="sap.ui.core.mvc"
   xmlns="sap.m"
   xmlns:html="http://www.w3.org/1999/xhtml">
   <html:div id='myDiv' style='height:inherit'></html:div>
   <Button id="helloWorld" text="Say Hello" press=".onShowHello" />
</mvc:View>

在View控制器中，我可以从中获取Button及其ID 

this.getView().byId("helloWorld").sId

但我无法使用该byId()方法获取div的ID 。

this.getView().byId("myDiv"); // returns undefined

如何获取div的ID以访问元素？我需要div的ID，以便可以向其添加一些其他的第三方控件。

查看更多

提问者
user1025184
被浏览
41
分享
9,651 2020-02-03 17:47

您可以使用createId 将您的lokal ID转换为全局ID，然后将其用于getElementById：

// After rendering
var divId = this.createId("myDiv"); // this == controller instance
document.getElementById(divId).whatEver

相关问题

1
内部元素的CSS选择器
2
如何定义随浏览器缩放级别缩放的字体大小？
3
F＃计算html网站上的所有当前链接
4
div中的p标签会影响相邻div的位置
5
下拉导航菜单显示在右侧并水平堆叠
6
Javascript网站安全
7
调整窗口大小时为什么会被切断？
8
HTML JS
9
React中的HTML5音频标签
10
Animate CSS Uncentering Div

热门github

1
🥢像老乡鸡🐔那样做饭。主要部分于2024年完工，非老乡鸡官方仓库。文字来自《老乡鸡菜品溯源报告》，并做归纳、编辑与整理。CookLikeHOC.
2
A refreshingly simple data-driven game engine built in Rust (翻译：用 Rust 构建的令人耳目一新的简单数据驱动游戏引擎)
3
Tongyi Deep Research, the Leading Open-source Deep Research Agent
4
very good whiteboard SDK / infinite canvas SDK (翻译：一个小小的在线绘图应用程序)
5
Free and Open Source, Distributed, RESTful Search Engine
6
Linux kernel source tree (翻译：Linux内核源代码树)
7
Self-hosted game stream host for Moonlight. (翻译：Sunshine 是 Moonlight 的 Gamestream 主机。)
8
Command-line program to download videos from YouTube.com and other video sites (翻译：从 YouTube.com 和其他视频网站下载视频的命令行程序)
9
Minecraft AI with LLMs+Mineflayer
10
Find and fix problems in your JavaScript code. (翻译：ESLint 是一种用于识别和报告 ECMAScript/JavaScript 代码中发现的模式的工具。)
11
⭐️ Companies that don't have a broken hiring process (翻译：⭐️ 招聘流程没有中断的公司)
12
Stable Diffusion web UI (翻译：基于 Gradio 库的Stable Diffusion UI界面)
13
💯 Curated coding interview preparation materials for busy software engineers (翻译：💯为忙碌的工程师精心策划的面试材料)
14
📚 Freely available programming books (翻译：📚 免费提供的编程书籍)
15
Focus on prompting and generating (翻译：注重提示和生成)