javascript - 我有一个从 HTML 页面接受值的 JS 文件。我必须在嵌入 JS 的 CSS 中使用这个变量

Question

我正在使用 simplemaps这是一个 js 文件，其中一个函数用于从 HTML 页面获取值。

Javascript 函数

function getValue(intvalue){
alert(intvalue);
var mapval = intvalue;
}
var simplemaps_worldmap_mapdata = {


main_settings:{
//General settings
width:1004,
background_color: '#FFFFFF', 
background_transparent: 'no',
border_color: '#FFFFFF',
zoom: 'yes',
pop_ups: 'detect', //on_click, on_hover, or detect

//Country defaults
state_description:   'Country description',
state_color: '#88A4BC',
state_hover_color: '#3B729F',
state_url: 'http://simplemaps.com',
all_states_inactive: 'no',

//Location defaults
location_description:  'Location description',
location_color: '#FF0067',
location_opacity: 1,
location_url: 'http://simplemaps.com',
location_size: 35,
location_type: 'circle', //or circle
all_locations_inactive: 'no',

url_new_tab: 'no',  
initial_zoom: 1,   
initial_zoom_solo: 'no',
auto_load: 'yes',
hide_labels: 'no'  
},
}//end of simplemaps_worldmap_mapdata

我必须动态地将值传递给“初始缩放”、颜色字段。在不同的值下，它以不同的级别缩放图像。

Answer 1

我不明白你到底在问什么，但我想你需要访问 main_settings 对象

您可以通过以下方式访问对象中的属性

simplemaps_worldmap_mapdata.main_settings.initial_zoom

和

simplemaps_worldmap_mapdata["main_settings"]["initial_zoom"];

read this