我想在点击时更改按钮的颜色.我是在蓝色的Bootstrap按钮上进行的.但我的代码不起作用.
使用我的JavaScript代码,它不会改变颜色.
<button type="button" id="btnOUs" class="btn btn-primary" ng-click="levelOU()">Organization Units </button>
</button>
<button type="button" id="btnchiefdom" class="btn btn-primary" ng-click="levelCD()">Chiefdom</button>
</button>
<button type="button" id="btndistrict" class="btn btn-primary" ng-click="levelD()">District </button>
</button>
<button type="button" id="btnfaciltiy" class="btn btn-primary" ng-click="levelF()">Facility </button>
</button>
这是javascirpt代码:
var b1 = document.getElementById("btnOUS");
var b2 = document.getElementById("btnchiefdom");
var b2 = document.getElementById("btndistrict");
var b2 = document.getElementById("btnfacility");
b1.onclick = function() {
b1.style.background = "green";
b2.style.background = "";
}
b2.onclick = function() {
b1.style.background = "";
b2.style.background = "green";
}
b2.onclick = function() {
b1.style.background = ""; …我们有像json这样的数据
Orgnaizationunit [
{"name":london , "Coordinates":[39.78,22.30]} ,
{"name" : Newyork, "Coordinates":[39.81,22.37}
]
在JavaScript中,我们可以将数组中的第一个元素称为
Organizationunit[0].name
我想知道如何调用坐标.我称之为
Organizationunit[0].Coordinates[0][1]
但我得到未定义的错误
我正在尝试设置谷歌地图的宽度和高度.我想在html页面上做大.我正在尝试更改样式,但地图的宽度和高度不会改变.似乎我的风格不影响地图.任何人都可以帮我解决这个问题
这是代码
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<!-- Style Sheets includes -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
html, body, #map {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#map {
position: relative;
}
</style>
<link href="css/customstyle.css" rel="stylesheet" type="text/css">
<!-- Script includes -->
<script data-require="angular.js@*" data-semver="1.3.14" src="js/angular.js"></script>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/ui-bootstrap-tpls-0.12.0.js"></script>
<script src="#"></script>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="data.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="ApplicationController as appctrl">
<div class="container">
<div id="map" ></div>
</div>
</body>
</html>