为什么样式和javascripts代码不适用于新添加的html内容
样式和JavaScript代码不适用于新添加的HTML内容的原因是因为这些样式和代码是在页面加载时被解析和执行的。当页面加载完成后，浏览器会解析并执行其中的样式和JavaScript代码，将其应用于已经存在的HTML元素。
如果在页面加载完成后动态地添加新的HTML内容，这些新添加的元素并不会自动应用之前已经加载的样式和JavaScript代码。这是因为浏览器只会在页面加载时解析和执行一次，对于后续动态添加的内容不会重新解析和执行。
为了使新添加的HTML内容能够应用样式和JavaScript代码，我们可以采取以下几种方法：
- 使用内联样式和内联JavaScript：将样式和JavaScript代码直接写在新添加的HTML元素中，这样它们就会立即生效。但这种方法会导致代码冗余和可维护性差。
- 使用事件委托：通过将事件绑定到已存在的父元素上，然后利用事件冒泡机制来捕获并处理新添加的HTML元素上的事件。这样可以确保新添加的元素能够响应已经加载的JavaScript代码。
- 使用动态加载样式和JavaScript：通过JavaScript动态创建
<link>和<script>标签，并将其插入到页面中，以加载新的样式和JavaScript文件。这样可以确保新添加的HTML元素能够应用新加载的样式和JavaScript代码。
需要注意的是，以上方法都需要在动态添加HTML内容后手动触发相应的操作，以确保样式和JavaScript代码能够正确应用于新添加的元素。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云主页：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
相关·内容
1回答
为什么样式和javascripts代码不适用于新添加的html内容
javascript、css、ajax、yii2
我用ajax向服务器请求，并得到一些HTML代码的响应。我得到它并添加到id='conten‘但样式和脚本不适用的div 这是我的ajax请求触发器： <li class="catalogs" catalog_id="<?></li> 这是我的ajax帖子： //get catalogs
$(&#
浏览 13提问于2019-06-04得票数 0
回答已采纳
3回答
我对两个页面(index.html和contact.html)使用相同的样式表。所有样式都已应用于index.html。现在，我已经将相同的代码复制并粘贴到contact.html中，但发现我尝试使用的新的CSS样式将不适用于此页面。style.css工作表的路径文件未更改。
浏览 2提问于2017-05-02得票数 1
1回答
动态加载的css不适用于IE8中动态加载的js视图
css、ajax、internet-explorer、internet-explorer-8、ie-developer-tools
我很担心在这个问题上重复一下，而超过一个小时的时间似乎太多了，无法找到答案。
(..and
浏览 4提问于2011-04-20得票数 3
回答已采纳
4回答
如何在jquery将一行插入表后保持css样式
javascript、jquery、html、css
我有一个css样式 background-color: red;还有剧本 }<table>
浏览 4提问于2016-05-27得票数 2
回答已采纳
1回答
Symfony2:带有Assetic的缓存破坏和版本控制资产
php、symfony、caching、assets、assetic
谁知道如何向加载在Assetic块中的资产添加版本呢？添加到我的config.yml中 engines: ['twig']它适用于常规资产，但不适用于样式表和javascripts块中的asset_url，是我做错了什么，还是某种bug？小小的upd。如果没有assets_versi
浏览 0提问于2014-10-10得票数 1
回答已采纳
1回答
Rails:不使用存储在数据库中的html的媒体编辑器
javascript、ruby-on-rails、medium-editor
我使用来编辑某些内容，然后将其存储到数据库中。对于“新”视图，我使用呈现显示模板中的html。然后，对于“编辑”视图，我使用对数据库的查询来显示html。媒体编辑器显示为“新”视图，而不是“编辑”视图(但内容可编辑为真)。知道为什么它不适合这个特定的视图吗？新观点： <ul id="
浏览 2提问于2017-02-04得票数 0
1回答
在Rails中使用link_to而不是锚标记有好处吗？
ruby-on-rails、html
这两个人不是做同样的事吗？link_to "Example", '#', class: "somestyle" %>如果我正在编写一个静态的.html.erb页面，如果所有其他内容都是用HTML标记编写的，那么使用HTML标记来链接是不是也有
浏览 3提问于2014-03-07得票数 6
回答已采纳
1回答
页面内容替换为Ajax response时，为什么不使用jQuery插件？
javascript、jquery、html、css、ajax
目前，我正在使用jquery.selectbox-0.6.1.js插件将内容添加到页面中，并使用jQuery插件设置选择框的样式。插件在我第一次加载页面时得到应用，但当我单击以获得ajax响应以替换页面的一些内容时，则选择框插件不会将css样式应用于替换的ajax选择框。下面是我的代码： url: '/find-job?;
浏览 1提问于2014-04-15得票数 0
3回答
GZip system.web.optimization包
asp.net-mvc-3、asp.net-optimization、bundling-and-minification
我正在使用新的System.Web.Optimization，并创建了一个如下所示的包： "~/Resources/Core/Javascripts/jquery-1.7.1.js",
"~/Resources/Cor
浏览 2提问于2012-07-03得票数 10
回答已采纳
2回答
使用media=“打印”实现IE8
html、css、internet-explorer、printing、internet-explorer-8
<link rel="stylesheet" href="printStyle.css" media="print" /><!--[if lt IE 9]>
<script src="http:
浏览 1提问于2013-12-02得票数 8
回答已采纳
2回答
禅宗子主题的问题
theming
但是，当我将文件夹复制到新的Drupal实例时，我看到的只是用户菜单：Log out我已经清除了缓存，但是zen子主题的
浏览 0提问于2013-08-02得票数 0
1回答
IMGKit将HTML转换为HTML特定部分的PNG
html、ruby、imgkit
可以告诉IMGKit转换HTML的特定部分吗？我只想要一个特定容器的PNG。因此，如果我的HTML标记如下所示：<head><title>Test</title></head><div class='container'></div></body>
</h
浏览 2提问于2014-03-11得票数 4
2回答
在网络视图中播放视频
android、html、video、webview
我的应用程序从json文件中获取文章列表。每一篇文章都有一个属性内容。此属性内容将包含o将在我的webveiw中显示的html代码。 <p>Text text Text textText text</p>\n
<p>
浏览 1提问于2013-10-27得票数 0
回答已采纳
2回答
CSS类适用于表格内部，但不适用于表格本身
html、css
下面是一个简单的CSS代码，但我不知道为什么它不能工作。 <!DOCTYPE html><head>.border-on * {}</head>
<body> CSS样式适用于td和th，但不适用于表！
浏览 17提问于2019-04-13得票数 2
回答已采纳
2回答
如何在wordpress中仅为一个页面模板替换样式表和javascripts
javascript、php、wordpress、wordpress-theming
我有一个功能丰富的javascript/php/html应用程序。它包括3个css文件和5个javascript文件。现在我需要用我自己的样式表和javascripts替换所有的样式表和javascripts。<?>/javascripts
浏览 3提问于2014-02-13得票数 0
2回答
将变量从分部模板传递到主模板(play框架)
javascript、css、playframework、template-engine
我有一个主模板，它接受以下参数：这是为了让我可以把所有的样式表放在页面的顶部，把javascripts放在最后(使用变量@style和@js)。这些错误需要单独的css样式表/javascripts <div class=&
浏览 0提问于2014-04-02得票数 0
1回答
CSS不适用于Wordpress中受密码保护的页面
css、wordpress、styles、password-protection
我正在使用密码保护页面，并尝试使用登录表单设置受密码保护的页面的样式。 我添加了一个单独的CSS类，名为“password-protected”。我添加到样式表中的所有内容都不适用于登录页面。为什么登录页面不能像所有其他页面一样加载相同的样式表？以前有人遇到过这个问题吗？
浏览 15提问于2019-02-28得票数 0
1回答
IE7特定样式表和IE其他特定样式表相互覆盖
css、internet-explorer
好日子现在的问题是它们相互覆盖：
场景:我将样式应用于IE8和IE9。在IE7中，该样式不适用，因此我在仅限IE7的样式表中应用新样式来修复它。它不会拾取IE7样式表中的新样式，除非我使用!important。但是当我在IE-7<
浏览 2提问于2013-03-07得票数 0
回答已采纳
3回答
如何确保在AJAX内容之前先加载动态CSS？
css、ajax、jquery
我需要从AJAX的CSS文件和HTML代码之间的时间问题的帮助。我加载的CSS只是添加在头部的链接，我也通过AJAX加载HTML内容。我的目的是在动态内容(由profile_info.php生成)上应用样式(在profile_info.css文件中)。这就是为什么我先下载css，然后请求ajax获取内容。如何确
浏览 2提问于2011-10-30得票数 3
回答已采纳
2回答
如何将所有Html样式应用于文本视图
android、html
我正在尝试在本机页面中显示HTML内容。我成功地parsing了HTML内容并将其显示在Textview中。但是，大多数超文本标记语言样式并不适用于Textview。7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;\">
在这里，color、font-amily、font-size和其他一些属性不起作用我使用Html.fromHtml
浏览 1提问于2015-09-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
