< ID de entrada = " SshowTableCellValue " tipo = valor " botão " = " Mostrar tabela valor da Célula " onclick = " showTableCellValue () " />
Digite o número Row < id = input type " Row" = "text" /> Digite o número de células Isso gera uma tabela com duas linhas e duas colunas. Isto produz quatro células . Cada célula contém o nome de uma cor . O código também cria um botão e duas caixas de texto para a entrada de valores de linha e coluna . Estas caixas de texto permitem que você testar o aplicativo Adicione o seguinte código JavaScript para a seção de "cabeça" do seu documento: . < Tipo de script = "text /javascript " > teste function () { var elTableRow = document.getElementById ( " somerow "); var elTableCells = elTableRow.getElementsByTagName ( " td "); alerta ( elTableCells [ 0] ); innerText . } //Linha 1 var tableID = " "; myTable função showTableCellValue () { // Linhas 3-4 var rowChosen = document.getElementById ( "Linha" ) valor - 1; . var cellChosen = . document.getElementById ( "Cell" ) valor -1 ; //Linhas 5 var objTable = document.getElementById ( tableID ); //Linha 6 var selectedValue = objTable.rows [ rowChosen ] células [ cellChosen ] innerHTML ,. . alert (" Você selecionou " + selectedValue ); } Linha um lojas ID da tabela na variável denominada " tableID ". Linhas de três a quatro recuperar os valores de linha e coluna nas caixas de texto . Linha de cinco recupera uma referência para a mesa e linha seis extrai o valor da célula selecionada . Salve o documento HTML e abri-lo no seu navegador para visualizar a tabela . Digite um número de linha na caixa de texto " Digite o número Row" . Insira um número de celular na caixa de texto " Digite o número de células " . Clique no botão "Mostrar Valor da Célula " . O código será executado, eo navegador exibirá o valor da célula selecionada.
|
|
|