当从联机url将文本加载到div.innerHTML中时,为id或类设置Javascript样式将不起作用

当从联机url将文本加载到div.innerHTML中时,为id或类设置Javascript样式将不起作用,javascript,html,css,Javascript,Html,Css,我要做的是使用XMLHttpRequest()将纯文本加载到div的innerHTML中。。 联机文本文件包含以下内容: Text 我的html已经包含了一个像“.a_class”这样的类,我加载的东西,它完美地应用了这个样式。 但是我不能使用Javascript来更改加载的元素,有没有办法通过Id或类来设置加载元素的样式?当我按类更改所有元素时,具有该类的元素不会更改 它现在可以工作了!我只是确保脚本在加载完成后运行。您可以将原始html插入内存中的临时元素,并在插入DOM之前对其进行操作

我要做的是使用XMLHttpRequest()将纯文本加载到div的innerHTML中。。 联机文本文件包含以下内容:
Text

我的html已经包含了一个像“.a_class”这样的类,我加载的东西,它完美地应用了这个样式。 但是我不能使用Javascript来更改加载的元素,有没有办法通过Id或类来设置加载元素的样式?当我按类更改所有元素时,具有该类的元素不会更改


它现在可以工作了!我只是确保脚本在加载完成后运行。

您可以将原始html插入内存中的临时元素,并在插入DOM之前对其进行操作

const fakeFetch=()=>{
返回新承诺(res=>res('Text'))
}
fakeFetch()。然后(html=>{
const temp=document.createElement('div');
temp.innerHTML=html;
temp.querySelectorAll('.a_类').forEach(el=>el.classList.remove('a_类'))
const res=temp.innerHTML;
document.querySelector(“#container”).innerHTML+=res
console.log(res)
})
.a_class{color:red}

您必须检查div元素是否已完全加载。确保div元素已完全加载后,可以运行js命令。如果在加载新元素时已有
.a_class
的CSS选择器,它应该立即更新为该类中的样式。只需将其移动到css文件中,具有特定类名的ajax内容将与定义的属性一起应用。错误可能是您没有正确选择classname或id为的div元素。它现在可以工作了!我只是确保脚本在加载完成后运行。。