gpt4 book ai didi

javascript - 我可以从任何文件中访问 html 元素 Id 吗?

转载 作者:行者123 更新时间:2023-12-01 01:51:01 27 4
gpt4 key购买 nike

我是 JavaScript 初学者。

我有一个问题

on mainPage.html 
<div id="showDialog" style="display:none"> </div>

在 mainPage.js 上

 $('#ShowDialog').load("../xxxx.html", function (content) {
xxxxxxxxxxx
});

很容易理解,如果你想使用 id 元素,你只需调用 #element

所以,我的问题是:

如果你在Setup.js中(setup.html没有像#ShowDialog这样的id属性)

你还能打电话吗(所以,它会在mainPage.html上做一些事情?? )

 $('#ShowDialog').load("../xxxx.html", function (content) {
xxxxxxxxxxx
});

如果是这样,类(class)也做同样的工作吗?我知道 id 是唯一的,class 是通用的。那么,是否可以从其他文件访问一个文件类?

喜欢

$('.ShowDialog').load("../xxxx.html", 函数(内容) { xxxxxxxxxxxx });

顺便说一句,为什么我们使用 $(.'ShowDialog') 调用类,而不是像 $('ShowDialog') 这样调用名称

对于类=“ShowDialog”

最佳答案

如果您想从外部 Javascript 文件引用 html 元素,可以如下所示:

myHtml.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<!-- First Import Jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Then the module you wish to work with-->
<script src="./ReferencebyId.js"></script>


<title>referencing html Element by Id</title>
</head>
<body>
<!-- the Id you will reference on the module -->
<p id="myId">Change this text</p>
<button onclick="changeInnerHtml()">Change paragraph text</button>
</body>
</html>

ReferencebyId.js

function changeInnerHtml(){
//This is how you would reference the Id, with '#' character
$("#myId").text("changed from external js file referencing Id");
}

请记住,如果您希望使用该类来引用 Html 元素,则必须确保只有该元素具有该类,或者如果您希望影响多个元素,您可以将它们放在同一类中,然后引用它们为 $(".nameOfClass")

关于javascript - 我可以从任何文件中访问 html 元素 Id 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51523616/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com