document.all.lbl_value.innerHTML设置失败的问题

2011-5 日志

一个字符的差错,导致数个小时的困惑,编程序不能不小心。

function test()
{          if (infowindowDistance == null)          {          infowindowDistance = new google.maps.InfoWindow(          {          content: 'null',          size: new google.maps.Size(100, 100)          });          var contentString = "<div style='z-index: 101; width: 100px; height: 100px; text-align: center;' id='divDistance'>";          //contentString += "<br/>"+GetTransferInfo("长度")+":<label id='lbl_distance_value'></label>"+GetTransferInfo("公里")+"<br/></div>";          contentString += "<br/>长度:<label id='lbl_distance_value'></label>公里<br/></div>";          infowindowDistance.setContent(contentString);          }
}


原因把              contentString += "<br/>长度:<label id='lbl_distance_value'></label>公里<br/></div>";
写成了              contentString += "<br/>长度:<label id='lbl_distance_value'></label>公里<br/><div>";
一个字符导致界面出现了奇怪的问题,无论如何也无法设置 lbl_distance_value 的内容。

    var latlng = new google.maps.LatLng(34.397, 150.644);infowindowDistance.setPosition(latlng);infowindowDistance.open(_mapPage);//var infowindowdiv = document.all.divDistance;//alert(infowindowdiv.outerHTML);//在另外的地方通过事件方式open消息框,然后读取内部内容则是可以的。document.all.lbl_distance_value.innerHTML = "ddddddddd";//导致失败document.getElementById("lbl_distance_value").innerHTML = "ddddddddd";//导致失败alert("lbl_distance_value="+document.getElementById("lbl_distance_value").innerHTML);alert(infowindowDistance.getContent());


    
写程序要建立良好的格式习惯,不能为了图省事,或者减少及行代码,将格式混在一起。
如果像下面一样独立其一行表示格式,如使用contentString += "</div>";就不容易出现少了符号的事情。
形式主义的东西在有些时候是必要的,不能少的。
 

if (infowindowDistance == null)
{infowindowDistance = new google.maps.InfoWindow({content: 'null',size: new google.maps.Size(100, 100)});var contentString = "<div style='z-index: 101; width: 100px; height: 100px; text-align: center;' id='divDistance'>";contentString += "<br/>"+GetTransferInfo("长度")+":<labelid='lbl_distance_value'></label>"+GetTransferInfo("公里")+"<br/>";contentString += "</div>";infowindowDistance.setContent(contentString);
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/703227.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【DAY04 软考中级备考笔记】数据结构基本结构和算法

数据结构基本结构和算法 2月25日 – 天气&#xff1a;晴 周六玩了一天&#xff0c;周天学习。 1. 什么是数据结构 数据结构研究的内容是一下两点&#xff1a; 如何使用程序代码把现实世界的问题信息化如何用计算机高效地处理这些信息从创造价值 2. 什么是数据 数据是信息的…

win10彻底解决IE浏览器自动跳转edge问题

有时候需要使IE进行一些特殊网页操作&#xff0c;比如网银安装安全助手、政府办公网站等等&#xff0c;但是微软强制跳转edge导致无法进行。 最近一些博客提出的修改edge设置等&#xff0c;在win10更新至19041版本后均无效。但是偶然间发现是系统保护的锅。 步骤如下&#xff1…

css标签及其作用

CSS&#xff08;层叠样式表&#xff09;用于设置和控制HTML元素的样式和布局。下面是一些常用的CSS选择器及其作用&#xff1a; - 标签选择器&#xff1a;通过HTML元素标签名选择元素。例如&#xff0c;p选择所有<p>元素。 - 类选择器&#xff1a;通过类名选择元素。例如…

【教程】 iOS混淆加固原理篇

摘要 本文介绍了iOS应用程序混淆加固的缘由&#xff0c;编译过程以及常见的加固类型和逆向工具。详细讨论了字符串混淆、类名、方法名混淆、程序结构混淆加密等加固类型&#xff0c;并介绍了常见的逆向工具和代码虚拟化技术。 引言 在iOS开发中&#xff0c;为了保护应用程序…

重磅福利!长亭云图极速版限时免费,专业版试用 1 个月!

活动时间&#xff1a;2024 年 2 月 26 日至 2024 年 6 月 1 日 活动内容&#xff1a;所有新注册的长亭云图极速版用户&#xff0c;即可享受 1 个月专业版试用&#xff0c;价值 2000 元&#xff01; 活动详情&#xff1a; ● 专业版试用期间&#xff0c;用户可享受以下权益&am…

精读《Nodejs V12》

1. 引言 Node12 发布有几个月了&#xff0c;让我们跟随 Nodejs 12 一起看看 Node12 带来了哪些改变。 2. 概述 Node12 与以往的版本不同&#xff0c;带来了许多重大升级&#xff0c;包括更多 V8 特性&#xff0c;Http 解析速度的提升&#xff0c;启动速度的提升&#xff0c;…

Spring Boot 项目集成camunda流程引擎

使用camunda开源工作流引擎有&#xff1a;通过docker运行、使用springboot集成、部署camunda发行包、基于源代码编译运行等多种方式。 其中&#xff0c;通过源代码编译运行的方式最为复杂&#xff0c;具体参考&#xff1a;https://lowcode.blog.csdn.net/article/details/1362…

Redis高并发分布锁实战

Redis高并发分布锁实战 问题场景 场景一: 没有捕获异常 // 仅仅加锁 // 读取 stock15 Boolean ret stringRedisTemplate.opsForValue().setIfAbsent("lock_key", "1"); // jedis.setnx(k,v) // TODO 业务代码 stock-- stringRedisTemplate.delete(&quo…

信息安全管理与评估赛题解析-应急响应(含环境)

服务器应急响应 文章目录 服务器应急响应题目:答案:192.168.1.7答案:Linux x86_64答案:shodan答案:DIRSEARCH答案:24/Apr/2022:15:26:42答案:2022答案:/var/www/html/footer.php答案:./prism答案:/root/.mal/prism答案:后门行为相关资源

《Docker 简易速速上手小册》第6章 Docker 网络与安全(2024 最新版)

文章目录 6.1 Docker 网络概念6.1.1 重点基础知识6.1.2 重点案例&#xff1a;基于 Flask 的微服务6.1.3 拓展案例 1&#xff1a;容器间的直接通信6.1.4 拓展案例 2&#xff1a;跨主机容器通信 6.2 配置与管理网络6.2.1 重点基础知识6.2.2 重点案例&#xff1a;配置 Flask 应用的…

《Docker 简易速速上手小册》第7章 高级容器管理(2024 最新版)

文章目录 7.1 容器监控与日志7.1.1 重点基础知识7.1.2 重点案例&#xff1a;监控 Flask 应用7.1.3 拓展案例 1&#xff1a;使用 ELK Stack 收集和分析日志7.1.4 拓展案例 2&#xff1a;使用集成监控工具 7.2 性能调优与资源限制7.2.1 重点基础知识7.2.2 重点案例&#xff1a;Fl…

Linux系统中前后端分离项目部署指南

目录 一.nginx安装以及字启动 解压nginx 一键安装4个依赖 安装nginx 启动 nginx 服务 开放端口号 并且在外部访问 设置nginx自启动 二.配置负载均衡 1.配置一个tomact 修改端口号 8081端口号 2.配置负载均衡 ​编辑 三.部署前后端分离项目 1.项目部署后端 ​编辑…

基于插件实现RabbitMQ“延时队列“

1.官网下载 在添加链接描述下载rabbitmq_delayed_message_exchange 插件,本文以v3.10.0为例 1.1.上传安装包 scp /Users/hong/资料/rabbitmq_delayed_message_exchange-3.10.0.ez root10.211.55.4:/usr/local/software1.2.将文件移入RabbitMQ的安装目录下的plugins目录 m…

Docker安装MS SQL Server并使用Navicat远程连接

MS SQL Server简介 Microsoft SQL Server&#xff08;简称SQL Server&#xff09;是由微软公司开发的关系数据库管理系统&#xff0c;它是一个功能强大、性能卓越的企业级数据库平台&#xff0c;用于存储和处理大型数据集、支持高效查询和分析等操作。SQL Server 支持广泛的应…

【PostgreSQL】Windows安装PostgreSQL数据库图文详细教程

Windows安装PostgreSQL数据库图文详细教程 一、前言二、PostgreSQL简介三、软件下载四、安装步骤4.1 安装向导4.2 选择安装目录4.3 选择组件4.4 选择数据存放目录4.5 选择密码4.6 选择端口号4.7 等待安装完成4.8 取消勾选&#xff0c;安装完成 五、启动教程5.1 搜索pgAdmin4&am…

常见的音频与视频格式

本专栏是汇集了一些HTML常常被遗忘的知识&#xff0c;这里算是温故而知新&#xff0c;往往这些零碎的知识点&#xff0c;在你开发中能起到炸惊效果。我们每个人都没有过目不忘&#xff0c;过久不忘的本事&#xff0c;就让这一点点知识慢慢渗透你的脑海。 本专栏的风格是力求简洁…

云原生应用测试:挑战与方法

&#x1f60f;作者简介&#xff1a;博主是一位测试管理者&#xff0c;同时也是一名对外企业兼职讲师。 &#x1f4e1;主页地址&#xff1a;【Austin_zhai】 &#x1f646;目的与景愿&#xff1a;旨在于能帮助更多的测试行业人员提升软硬技能&#xff0c;分享行业相关最新信息。…

我们为什么要做施耐德的代理商?做施耐德代理商有哪些好处?

品牌知名度与市场影响力&#xff1a;施耐德是一家全球知名的电气和数字化解决方案提供商&#xff0c;其产品和服务广泛应用于住宅、楼宇、数据中心、工业等领域。选择成为施耐德的代理商&#xff0c;可以利用其强大的品牌知名度和市场影响力&#xff0c;更容易获得消费者的信任…

光伏预测 | Matlab基于CNN-SE-Attention-ITCN的多特征变量光伏预测

光伏预测 | Matlab基于CNN-SE-Attention-ITCN的多特征变量光伏预测 目录 光伏预测 | Matlab基于CNN-SE-Attention-ITCN的多特征变量光伏预测预测效果基本描述模型简介程序设计参考资料 预测效果 基本描述 Matlab基于CNN-SE-Attention-ITCN的多特征变量光伏预测 运行环境: Matla…

【Java程序员面试专栏 算法思维】三 高频面试算法题:搜索算法

一轮的算法训练完成后,对相关的题目有了一个初步理解了,接下来进行专题训练,以下这些题目就是汇总的高频题目,本篇主要聊聊搜索算法,以岛屿问题为切入点练习,所以放到一篇Blog中集中练习 题目关键字解题思路时间空间岛屿数量网格搜索分别向上下左右四个方向探索,遇到海…