Fix metrics setting id style

chrome/browser/resources/options/browser_options.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.exportPath('options');
 
 /**
  * @typedef {{actionLinkText: (string|undefined),
  *            childUser: (boolean|undefined),
  *            hasError: (boolean|undefined),
@@ skipping 417 matching lines @@
             ['Options_ContentSettings']);
       };
       $('privacyClearDataButton').onclick = function(event) {
         PageManager.showPageByName('clearBrowserData');
         chrome.send('coreOptionsUserMetricsAction', ['Options_ClearData']);
       };
       $('privacyClearDataButton').hidden = OptionsPage.isSettingsApp();
       // 'metricsReportingEnabled' element is only present on Chrome branded
       // builds, and the 'metricsReportingCheckboxAction' message is only
       // handled on ChromeOS.
-      if ($('metricsReportingEnabled') && cr.isChromeOS) {
-        $('metricsReportingEnabled').onclick = function(event) {
+      if ($('metrics-reporting-enabled') && cr.isChromeOS) {
+        $('metrics-reporting-enabled').onclick = function(event) {
           chrome.send('metricsReportingCheckboxAction',
               [String(event.currentTarget.checked)]);
         };
       }
-      if ($('metricsReportingEnabled') && !cr.isChromeOS) {
+      if ($('metrics-reporting-enabled') && !cr.isChromeOS) {
         // The localized string has the | symbol on each side of the text that
         // needs to be made into a button to restart Chrome. We parse the text
         // and build the button from that.
         var restartTextFragments =
             loadTimeData.getString('metricsReportingResetRestart').split('|');
         // Assume structure is something like "starting text |link text| ending
         // text" where both starting text and ending text may or may not be
         // present, but the split should always be in three pieces.
         var restartElements =
             $('metrics-reporting-reset-restart').querySelectorAll('*');
         for (var i = 0; i < restartTextFragments.length; i++) {
           restartElements[i].textContent = restartTextFragments[i];
         }
         restartElements[1].onclick = function(event) {
           chrome.send('restartBrowser');
         };
         // Attach the listener for updating the checkbox and restart button.
         var updateMetricsRestartButton = function() {
           $('metrics-reporting-reset-restart').hidden =
               loadTimeData.getBoolean('metricsReportingEnabledAtStart') ==
-                  $('metricsReportingEnabled').checked;
+                  $('metrics-reporting-enabled').checked;
         };
-        $('metricsReportingEnabled').onclick = function(event) {
+        $('metrics-reporting-enabled').onclick = function(event) {
           chrome.send('metricsReportingCheckboxChanged',
               [Boolean(event.currentTarget.checked)]);
           updateMetricsRestartButton();
         };
-        $('metricsReportingEnabled').checked =
+        $('metrics-reporting-enabled').checked =
             loadTimeData.getBoolean('metricsReportingEnabledAtStart');
         updateMetricsRestartButton();
       }
-      // 'rapporDiv' element is only present on Chrome branded builds.
-      if ($('rapporDiv')) {
-        $('rapporDiv').hidden = !loadTimeData.getBoolean('hasRapporOption');
+      // 'rappor-setting' element is only present on Chrome branded builds.
+      if ($('rappor-setting')) {
+        $('rappor-setting').hidden =
+            !loadTimeData.getBoolean('hasRapporOption');
       }
       $('networkPredictionOptions').onchange = function(event) {
         var value = (event.target.checked ?
             NetworkPredictionOptions.WIFI_ONLY :
             NetworkPredictionOptions.NEVER);
         var metric = event.target.metric;
         Preferences.setIntegerPref(
             'net.network_prediction_options',
             value,
             true,
@@ skipping 1206 matching lines @@
      */
     enableFactoryResetSection_: function() {
       $('factory-reset-section').hidden = false;
     },
 
     /**
      * Set the checked state of the metrics reporting checkbox.
      * @private
      */
     setMetricsReportingCheckboxState_: function(checked, disabled) {
-      $('metricsReportingEnabled').checked = checked;
-      $('metricsReportingEnabled').disabled = disabled;
+      $('metrics-reporting-enabled').checked = checked;
+      $('metrics-reporting-enabled').disabled = disabled;
 
       // If checkbox gets disabled then add an attribute for displaying the
       // special icon. Otherwise remove the indicator attribute.
       if (disabled) {
         $('metrics-reporting-disabled-icon').setAttribute('controlled-by',
                                                           'policy');
       } else {
         $('metrics-reporting-disabled-icon').removeAttribute('controlled-by');
       }
     },
 
     /**
      * @private
      */
     setMetricsReportingSettingVisibility_: function(visible) {
       if (visible)
-        $('metricsReportingSetting').style.display = 'block';
+        $('metrics-reporting-setting').style.display = 'block';
       else
-        $('metricsReportingSetting').style.display = 'none';
+        $('metrics-reporting-setting').style.display = 'none';
     },
 
     /**
      * Set network prediction checkbox value.
      *
      * @param {{value: number, disabled: boolean}} pref Information about
      *     network prediction options. |pref.value| is the value of network
      *     prediction options. |pref.disabled| shows if the pref is not user
      *     modifiable.
      * @private
@@ skipping 515 matching lines @@
       }
       button.textContent = loadTimeData.getString(strId);
     };
   }
 
   // Export
   return {
     BrowserOptions: BrowserOptions
   };
 });