Javascript 我可以从任何文件访问html元素Id吗？_Javascript_Jquery

Javascript 我可以从任何文件访问html元素Id吗？

javascript jquery

Javascript 我可以从任何文件访问html元素Id吗？,javascript,jquery,Javascript,Jquery,我是Java脚本的初学者我有一个顾虑 on mainPage.html <div id="showDialog" style="display:none"> </div> 很容易理解，如果要使用id元素，只需调用#元素所以，我的问题是：如果您在Setup.js中（Setup.html没有类似于#ShowDialog的id属性）你还能打电话吗（所以，它会在mainPage.html上做一些事情？？） $('#ShowDialog').load("../xxxx

我是Java脚本的初学者

我有一个顾虑

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

很容易理解，如果要使用id元素，只需调用#元素

所以，我的问题是：

如果您在Setup.js中（Setup.html没有类似于#ShowDialog的id属性）

你还能打电话吗（所以，它会在mainPage.html上做一些事情？？）

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

如果是这样的话，这个班也做同样的工作吗？我知道id是唯一的，类是通用的。那么，如果一个文件类可以从另一个文件访问

像

$（'.ShowDialog'）.load（“../xxxx.html”），函数（内容）{ XXXXXXXXXX });

顺便问一下，为什么我们使用$（.'ShowDialog'）来调用类，而不是像$（'ShowDialog'那样只调用名称呢

对于class=“ShowDialog”

您能解释一下您想做什么吗

我从您的代码中了解到，您正试图使用JQuery中的load函数将内容从外部HTML加载到其他HTML，并使用

id=“showDialog”

这就是你想做的吗？或者您正在尝试从其他文件运行一些JavaScript

你所说的：

setup.html没有类似于#ShowDialog的id属性

setup.html是否没有任何具有该id的div

并通过：

你还能打电话吗（所以，它会在mainPage.html上做一些事情？？）

叫什么？装载机

关于：

顺便问一下，为什么我们使用$（.'ShowDialog'）来调用类，而不是像$（'ShowDialog'那样只调用名称呢

前面的点（.）是因为jQuery选择器上的类是用前面的点（.）指定的，id是用散列符号（#）指定的，想想看，就像Css选择器一样，但是在jQuery中

请确切地解释一下你想做什么，以便我们能更好地帮助你：）

你能解释一下你想做什么吗

我从您的代码中了解到，您正试图使用JQuery中的load函数将内容从外部HTML加载到其他HTML，并使用

id=“showDialog”

这就是你想做的吗？或者您正在尝试从其他文件运行一些JavaScript

你所说的：

setup.html没有类似于#ShowDialog的id属性

setup.html是否没有任何具有该id的div

并通过：

你还能打电话吗（所以，它会在mainPage.html上做一些事情？？）

叫什么？装载机

关于：

顺便问一下，为什么我们使用$（.'ShowDialog'）来调用类，而不是像$（'ShowDialog'那样只调用名称呢

前面的点（.）是因为jQuery选择器上的类是用前面的点（.）指定的，id是用散列符号（#）指定的，想想看，就像Css选择器一样，但是在jQuery中

请准确解释您想做什么，以便我们能更好地帮助您：）

如果您想引用外部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>

请记住，如果希望使用该类引用Html元素，则必须确保只有该元素具有该类，或者如果希望影响多个元素，则可以将它们放在同一个类中，并将它们引用为

$（“.nameOfClass”）

如果要引用外部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>

请记住，如果您希望使用类来引用Html元素，您必须确保只有该元素具有该类，或者如果您希望影响多个元素，您可以将它们放在同一个类中，并将它们引用为

$（“.nameOfClass”）

就像

'ShowDialog'

这样的文本会尝试匹配一个元素，ie

而不是由前面的点表示的css类

我相信可以准确地说，如果

$（选择器）

没有找到任何元素，那么

加载（）

将被跳过。编辑：选中源。这是准确的。了解jQuery选择器。他们的文档解释了选择器。像

'ShowDialog'

这样的文本将尝试匹配元素，即

，而不是前面的点

表示的css类。我相信准确地说，如果

$（选择器）

没有找到任何元素，那么

加载（）

将被跳过。编辑：选中源。这是准确的。了解jQuery选择器。他们的文件解释了选择者。这不是对OP问题的回答，最多是几条要求澄清的评论。请不要在回答部分发表评论。stackoverflow和stackexchange站点周围有各种各样的活动，以获得对问题本身进行评论所需的50个代表点。简言之，您可以通过id名称调用任何javasScript中的html属性吗？通过html属性，您指的是html元素吗？如果是这样，您可以这样做，您只需要将您希望通过id属性引用元素的JavaScript（*.js）文件链接到元素所在的html文件。这不是对OP问题的回答，最多是几条注释要求澄清。请不要在回答部分发表评论。stackoverflow和stackexchange站点周围有各种各样的活动，以获得对问题本身进行评论所需的50个代表点。简言之，您可以通过id名称调用任何javasScript中的html属性吗？通过html属性，您指的是html元素吗？如果是这样，您可以这样做，您只需要将要通过id属性引用元素的JavaScript（*.js）文件链接到元素所在的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>

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