Создадим и поместим этот файл
dom.js
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
function initText() { document.getElementById('target').innerHTML = 'initText'; document.getElementById('target').setAttribute("style", "color:black"); } function newText() { document.getElementById('target').innerHTML = 'newText'; } function newAttributes() { document.getElementById('target').setAttribute("style","color:red"); } document.getElementById('1').onclick = function () { initText(); } document.getElementById('2').onclick = function () { newText(); } document.getElementById('3').onclick = function () { newAttributes(); } |
Представление
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
@{ ViewBag.Title = "DomExamples"; } <h2>DomExamples</h2> <button id="1"> initText </button> <button id="2"> newText </button> <button id="3"> newAttributes </button> <div id="target"></div> <script src='@Url.Content("~/Scripts/dom.js")' type="text/javascript"></script> |
Метод контроллера
|
1 2 3 4 5 6 |
public ActionResult DomExamples() { ViewBag.Message = "Your contact page."; return View(); } |
