Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用html和css设置代码的样式?_Javascript_Html_Css_Blogger - Fatal编程技术网

Javascript 如何使用html和css设置代码的样式?

Javascript 如何使用html和css设置代码的样式?,javascript,html,css,blogger,Javascript,Html,Css,Blogger,下面的代码用于列出标签名称中的博客帖子,如果帖子具有特定的标签名称,则会显示在此列表中。我希望能够通过更改帖子图像的外观、标题的外观、更改背景颜色、添加边框、阴影、更改字体等来更改所有内容的显示方式(我知道如何使用css更改外观,但我不知道如何将下面的代码与css和html集成)此时,代码显示标题和标题右侧的图像 var startIndex=1; var maxResults=5; var-allResults=[]; 函数sendQuery12() { var scpt=document.

下面的代码用于列出标签名称中的博客帖子,如果帖子具有特定的标签名称,则会显示在此列表中。我希望能够通过更改帖子图像的外观、标题的外观、更改背景颜色、添加边框、阴影、更改字体等来更改所有内容的显示方式(我知道如何使用css更改外观,但我不知道如何将下面的代码与css和html集成)此时,代码显示标题和标题右侧的图像

var startIndex=1;
var maxResults=5;
var-allResults=[];
函数sendQuery12()
{
var scpt=document.createElement(“脚本”);
scpt.src=”https://levon-ltr.blogspot.com//feeds/posts/summary?alt=json&callback=processPostList12&start-index=“+startIndex+”&max results=“+maxResults;
文件.正文.附件(scpt);
}
函数printArrayResults(根)
{ 
//按比例分类
allResults.sort(函数(a,b){
var a_string=a.children[0].textContent;
var b_string=b.children[0].textContent;
if(a_字符串b_字符串)返回1;
返回0;
})
var elmt=document.getElementById(“postList12”);
对于(索引=0;索引0)
{
对于(变量i=0;i0&&title&&title.length>0)
{
var liE=document.createElement(“li”);
var a1E=document.createElement(“a”);
var postImage=document.createElement(“img”);
a1E.href=url;
a1E.textContent=标题;
postImage.src=imageThumb;
谎言。附肢儿童(a1E);
谎言。附属品(后期图像);
//艾尔姆特·阿佩奇尔德(谎言);
所有结果。推(躺);
}
打破
}
}
}
如果(feed.entry.length>=maxResults)
{
startIndex+=maxResults;
sendQuery12();
}否则{
printArrayResults();
}
}
}
sendQuery12()


    这将创建可以使用CSS进行样式设置的内容。例如:

    #postList12 li {
        border: 1px solid blue;
    }
    

    在浏览器中使用inspector查看它的功能。如果要更改元素的顺序或添加新元素,则必须编辑脚本才能执行此操作

    我认为这是你应该通过已有的指南和教程自己学习的东西。问也无妨,只是可能不太受欢迎。我来这里是向那些知道的人学习,我有一个问题,我不知道这是否可能,我来问,就像其他人一样