如何從標簽獲取值並將其放入document.getElementById（'label'）。innerHTML

Question

我已經復制了JavaScript google Maps，並且可以完美運行，但是我需要獲取html控件的類型並將其設置為JavaScript。 當我試圖從lblTitle獲取價值時，它不起作用。

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>Google Maps Geocoding Demo 1</title>
    <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

    <script type="text/javascript">
//var address = 'Warsaw, PL'; Original var
                    var address = document.getElementById('lblTitle').innerText;
                    var map = new google.maps.Map(document.getElementById('map'), {
                        mapTypeId: google.maps.MapTypeId.TERRAIN,
                        zoom: 15
                    });

                    var geocoder = new google.maps.Geocoder();

                    geocoder.geocode({
                        'address': address
                    },
                    function (results, status) {
                        if (status == google.maps.GeocoderStatus.OK) {
                            new google.maps.Marker({
                                position: results[0].geometry.location,
                                map: map
                            });
                            map.setCenter(results[0].geometry.location);
                        }
                    });

                </script>

Answer 1

innerText是檢索文本內容的方法之一，並且與大多數瀏覽器都不支持的大多數方法一樣。 如果我是正確的，則Firefox不支持innerText，因此，如果您正在Firefox中進行測試，則可能是無法讀取該值的原因。

您應該做的是使用JQuery的text（）方法獲取值，因為它具有最大的跨瀏覽器支持，因此您無需找出哪個瀏覽器使用哪個屬性。 因此，在您的示例中：

var address = $("#lblTitle").text();

如果仍然無法顯示文字，請在瀏覽器中檢查html，以查看ID是否為lblTitle。 如果您的服務器控件的標簽類型為lblTitle，例如：

<asp:Label ID="lblTitle" runat="server" />

那么您的客戶端ID不會是lblTitle，但會帶有前綴。 可以使用屬性ClientID來請求客戶端上的實際ID。 因此，您在javascript中的代碼行應為：

var address = $("#<%= lblTitle.ClientID %>").text();