Question

我是网页设计的新手。那么现在我正在使用JSON。是的，我正在为freecodecamp做一个报价机的项目。问题是我能够向我的<div>显示JSON数据。但是如何编辑出现的JSON数据的字体属性和位置。我还附上了js脚本。

$(document).ready(function(){
  $(".btn").on('click',function(){
   $.ajaxSetup ({cache:false});
       $.getJSON("https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&callback=", function(data) {
      $(".message").html(data[0].content + " — " + data[0].title);
    });
  });
});

Answer 1

设置内容后尝试设置元素的css：

$(".message").css({'font-family':'Arial', 'left':'19px'});

或者您可以使用CSS类来实现相同的结果：

.message {
   font-family: 'Arial'; //or whatever font you want
   left: 19px; //or whatever positioning css changes need to be made.
}

更好的方法是使用CSS来设置元素的样式。

如何更改JSON数据的字体属性和位置？

1 个答案: