1. リスト1
2. リスト2
3. リスト3
4. リスト4

動作ブラウザ



win
mac
linux


n7
m1
e5
e6
o7
  
n7
m1
e5
s1
  
n7
m1
k3


○
○
×
○
○
  
○
○
○
×
  
○
○
×

ソース

<script type="text/javascript">
<!--

function chgOlType(idNmae,type)
{

  //1 id名がtodofukenのエレメントを変数olへ入れる
  ol = document.getElementById(idNmae)

  //2 multiple属性を生成し変数attriへ入れる
  attri = document.createAttribute("type")

  //3 olへmultiple属性を追加する
  ol.attributes.setNamedItem(attri)

  //4 swtが true  ならmultiple属性をセットし、
  ol.setAttribute("type",type)

}

//-->
</script>
<form>
  <input type    = "button"
         value   = " ABCD... "
         onclick = "chgOlType('olTest','A')">
  <input type    = "button"
         value   = " abcd... "
         onclick = "chgOlType('olTest','a')">
  <input type    = "button"
         value   = " I II III IV... "
         onclick = "chgOlType('olTest','I')">
  <input type    = "button"
         value   = " i ii iii iv... "
         onclick = "chgOlType('olTest','i')">
  <input type    = "button"
         value   = " 1234... "
         onclick = "chgOlType('olTest','1')">
</form>

<ol id="olTest">
<li>リスト1
<li>リスト2
<li>リスト3
<li>リスト4
</ol>