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

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设置元素的样式。