Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.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中刮取数据的字体大小和颜色_Javascript_Html_Angularjs_Ionic Framework - Fatal编程技术网

Javascript 更改html中刮取数据的字体大小和颜色

Javascript 更改html中刮取数据的字体大小和颜色,javascript,html,angularjs,ionic-framework,Javascript,Html,Angularjs,Ionic Framework,我有一个在爱奥尼亚代码这个链接刮页 问题是刮取的标题的输出太大。我想更改字体大小和颜色。 如图所示,“关键人物联合海外银行有限公司”和董事会的字体较大。我想把它缩小,改成蓝色字体 然而,从html代码来看,“关键人物联合海外银行有限公司”和“董事会”是从网站上刮下来的,无法更改颜色和字体大小。我尝试使用style=“font size:300%;color:#AAAFFF;”无法更改“关键人物联合海外银行有限公司”和董事会的大小和颜色,但更改为其下方的小字体 下面是我的html代码: <

我有一个在爱奥尼亚代码这个链接刮页

问题是刮取的标题的输出太大。我想更改字体大小和颜色。

如图所示,“关键人物联合海外银行有限公司”和董事会的字体较大。我想把它缩小,改成蓝色字体

然而,从html代码来看,“关键人物联合海外银行有限公司”和“董事会”是从网站上刮下来的,无法更改颜色和字体大小。我尝试使用
style=“font size:300%;color:#AAAFFF;”
无法更改“关键人物联合海外银行有限公司”和董事会的大小和颜色,但更改为其下方的小字体

下面是我的html代码:

<ion-view view-title="Company">
  <ion-nav-buttons side="left">
  </ion-nav-buttons>
<ion-content>
  <ion-scroll>
    <h3 style="margin: 10px;">Company Info</h3>
    <div style="margin: 10px;" ng-bind-html="companyInfo"></div>
    <h3 style="margin: 10px;">Description</h3>
    <div style="margin: 10px;" ng-bind-html="companyDescription"></div>
    <div style="margin: 10px;font-size:300%;color:#AAAFFF;" ng-bind-html="keyPeople"></div>
    <div style="margin: 10px;" ng-bind-html="averageGrowthRates"></div>
    <div style="margin: 10px;" ng-bind-html="ownership"></div>
  </ion-scroll>
</ion-content>
</ion-view>

公司信息
描述
使用angularjs代码进行刮取,如下所示

我相信我想缩小的单词是直接刮取的,在html中似乎无法缩小它的大小

.controller("companyOwnershipCtrl",function($scope,$http,$ionicLoading,$state,$cashDataFactory){


  $ionicLoading.show();

  $http.get("http://vinus.johnapi.com/wsjapi?url=http://quotes.wsj.com/SG/U11/company-people")
  .success(function(response){
    $ionicLoading.hide();
    var tmp = document.implementation.createHTMLDocument();

    tmp.body.innerHTML = response;

    //Company Info
    var companyInfo1 = tmp.body.getElementsByClassName("cr_profile_contact")[0].children;
    var companyInfo2 = tmp.body.getElementsByClassName("cr_overview_data cr_data")[0].children;

    $scope.companyInfo = "<div class='cr_profile_contact'>"+companyInfo1[0].innerHTML+"</div>";
    $scope.companyInfo += "<div class='cr_overview_data cr_data'>"+companyInfo2[0].innerHTML+"</div>";

    //Description
    var description1 = tmp.body.getElementsByClassName("cr_description_full cr_expand")[0].children;
    $scope.companyDescription = "<p>"+description1[0].innerHTML+"</p>";

    //Key People
    var keyPeople1 = tmp.body.getElementsByClassName("cr_profile_people module")[0].children;
    $scope.keyPeople = "<div class='cr_profile_people module'><div class='mod_headerBox'>"+keyPeople1[0].innerHTML+"</div><div class='cr_data cr_board'>"+keyPeople1[1].innerHTML+"</div></div>";

    //Average Growth Rates
    var growth = tmp.body.getElementsByClassName("cr_profile_growth module")[0].children;
    var growth1 = tmp.body.getElementsByClassName("cr_profile_insider module")[0].children;
    $scope.averageGrowthRates = "<div class='cr_profile_growth module'><div class='mod_headerBox'>"+growth[0].innerHTML+"</div><div class='cr_data'>"+growth[1].innerHTML+"</div></div>";
    $scope.averageGrowthRates += "<div class='cr_profile_insider module'><div class='mod_headerBox'>"+growth1[0].innerHTML+"</div><div class='cr_data'>"+growth1[1].innerHTML+"</div><div class='cr_data'>"+growth1[2].innerHTML+"</div></div>";

    //ownership
    var ownership = tmp.body.getElementsByClassName("cr_profile_ownership module")[0].children;
    $scope.averageGrowthRates += "<div class='cr_profile_ownership module'><div class='mod_headerBox'>"+ownership[0].innerHTML+"</div><div class='cr_data'>"+ownership[1].innerHTML+"</div><div class='cr_data'>"+ownership[2].innerHTML+"</div></div>";
  }).error(function(error){

    $ionicLoading.hide();
    console.log(error.data);

  });
.controller(“companyOwnershipCtrl”,函数($scope、$http、$ionicLoading、$state、$cashDataFactory){
$ionicLoading.show();
$http.get(“http://vinus.johnapi.com/wsjapi?url=http://quotes.wsj.com/SG/U11/company-人民”)
.成功(功能(响应){
$ionicLoading.hide();
var tmp=document.implementation.createHTMLDocument();
tmp.body.innerHTML=响应;
//公司信息
var companyInfo1=tmp.body.getElementsByClassName(“cr_profile_contact”)[0]。儿童;
var companyInfo2=tmp.body.getElementsByClassName(“cr\U概述\U数据cr\U数据”)[0]。子项;
$scope.companyInfo=”“+companyInfo[0]。innerHTML+“”;
$scope.companyInfo+=“”+companyInfo[0]。innerHTML+“”;
//描述
var description1=tmp.body.getElementsByClassName(“cr\U描述\U完整cr\U扩展”)[0]。子项;
$scope.companyDescription=“”+说明1[0]。innerHTML+”

”; //关键人物 var keyPeople1=tmp.body.getElementsByClassName(“cr\U配置文件\U人员模块”)[0]。子项; $scope.keyPeople=”“+keyPeople1[0]。innerHTML+“”+keyPeople1[1]。innerHTML+“”; //平均增长率 var growth=tmp.body.getElementsByClassName(“cr_profile_growth module”)[0]。儿童; var growth1=tmp.body.getElementsByClassName(“cr\U配置文件\U内部模块”)[0]。子项; $scope.averageGrowthRates=“”+growth[0]。innerHTML+“”+growth[1]。innerHTML+“”; $scope.averageGrowthRates+=“”+growth1[0]。innerHTML+“”+growth1[1]。innerHTML+“”+growth1[2]。innerHTML+“”; //所有权 var ownershion=tmp.body.getElementsByClassName(“cr\U配置文件\U所有权模块”)[0]。子项; $scope.averageGrowthRates+=“”+所有权[0]。innerHTML+“”+所有权[1]。innerHTML+“”+所有权[2]。innerHTML+“”; }).错误(函数(错误){ $ionicLoading.hide(); console.log(error.data); });